Когда я впервые познакомился с CSS, я часто находился в растерянности и не знал, с чего начать и как начать. После получения рендера нас беспокоило много вопросов: как его выложить? Абсолютное позиционирование или относительное позиционирование, какой тег выбрать? Какую структуру принять. .и т. д. Конечно, в процессе написания кода мы столкнемся со многими проблемами, особенно мы, новички, не очень хорошо знакомые со всеми аспектами и не имеющие опыта, поэтому часто теряемся при возникновении проблем. Я думаю, что когда мы сталкиваемся с проблемами, мы должны научиться обобщать их, чтобы в следующий раз не совершать тех же ошибок.
Ниже приведены некоторые распространенные ошибки, которые я обобщил в своей работе:
и советы по решению, надеюсь, будут полезны новичкам в CSS.
1. Проверьте, нет ли в HTML-элементах орфографических ошибок или вы забыли закрыть теги.
Даже лучшие эксперты допускают такие ошибки, поскольку, когда структура страницы очень сложна и состоит из множества слоев, легко потерять закрывающий тег. Особенно такие люди, как я, привыкшие писать в Блокноте, чаще допускают ошибки. Так что будьте осторожны при написании.
2. Проверьте правильность CSS
В общем, самая распространенная ошибка в CSS заключается в том, что имена атрибутов в стиле и HTML несовместимы. В итоге стиль явно прописан, но эффекта это не имеет.
3. Используйте фон, чтобы найти соответствующий слой.
При отладке ошибок, особенно при отладке совместимости браузеров, существует множество вложенных слоев, которые склонны к несовпадению и перекрытию. В это время мы добавляем цвета фона к ключевым слоям, чтобы показать разницу. Это помогает исключить ошибки.
4. Определить место ошибки методом устранения.
Когда мы пишем CSS-код, мы обычно делаем небольшую работу, а затем просматриваем ее. Если в этот момент возникает ошибка, мы можем удалить вновь добавленный слой до тех пор, пока он не будет отображаться нормально, чтобы определить, в каком слое кроется проблема.
5. Элемент float должен указывать атрибут ширины.
Многие браузеры имеют ошибки при отображении элементов с плавающей запятой неопределенной ширины. Поэтому независимо от содержимого элемента float для него должен быть указан атрибут ширины.
6. Удалите повторяющиеся стили.
Часто мы объявляем публичные стили в начале, а затем забываем об этом, когда пишем ниже. Например, мы объявили img{border:none;} в начале.
Потом, когда я встретил тег img, я написал его снова. Этой ситуации следует избегать.
7. Обратите внимание на формат кодировки
Обычно мы используем следующие форматы кодировки: gb2312 и UTF8. Нет различия между хорошим и плохим. Но не смешивайте их. Многие редакторы по умолчанию используют формат UTF8.
8. Порядок написания стилей ссылок
После того, как многие люди пишут стили ссылок, цвет после нажатия не тот, который им нужен. В настоящее время им необходимо проверить порядок написания стилей ссылок. Правильный порядок написания должен быть таким: LVHA.