Когда я впервые познакомился с 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.