Сегодня: 20 апреля 2024 г., суббота Время:

10 самых распространенных ошибок в CSS

Автор/Переводчик статьи: Michael Clarke / Евгений АндросовДата публикации: 25.05.2009

Я думаю, что могу просто дать список ошибок, которые часто делаю сам. Много людей делают такие же, и это может быть причиной проблем в вашем дизайне.

Итак, список ошибок. Если у вас проблемы с сайтом, уделите пять минут этой статье, вполне возможно, что причина в следующем:

Пропуск «margin:0» в тегах <head>.
Это может отодвигать элементы сайта далеко друг от друга и вносить хаос в ваш дизайн.
Установка ширины элемента, но не принятия во внимание значения.
Это - одна из моих классических ошибок. Я устанавливаю ширину колонки 250px, которая идеально соответствует другой колонке, но затем я добавляю левое или правое значение и не изменяю ширину. При обработке программой значений, это вносит хаотичность в сортировку колонок.
Не установлен пользовательский атрибут ссылок.
Все выглядит замечательно, пока вдруг ваши ссылки не возвращаются в синий цвет по умолчанию. Не забывайте устанавливать пользовательские атрибуты ссылок, такие, как «vlink» и «alink».
Не закрытие тега <div>.
Да, это случается с лучшими из нас! Это может выбросить целый шаблон из синхронизации и вызвать огромные проблемы.
Не включение "#" в атрибутах цвета.
Это происходит машинально и вы легко можете этого не заметить. Но большинство браузеров из-за этой «мелочи» не будут воспроизводить цвет.
Указание id по-разному в файле CSS и файле HTML.
Это очень расстраивает, когда после длительной работы у вас что-то не работает из-за такой ерунды, которую, к тому же, трудно обнаружить.
Опечатки.
Еще одна простая ошибка. Например, вы случайно пишете backgrond и долго не можете понять, почему программы игнорируют ваш атрибут.
Потеря точки с запятой в конце строки.
Когда я редактирую что-то, то иногда случайно удаляю точку с запятой вместе с другими символами. Отсутствие маленькой точки с запятой вызывает большие проблемы!
Забытые контуры атрибутов в полях input и кнопках.
Я часто делал эту ошибку, когда только осваивал CSS. Это создает нежелательную границу вокруг кнопки Submit.
Вы забыли очистить перемещения.
После того, как вы переместили колонки, необходимо очистить тег <div>, чтобы вложенный контейнер расширился вертикально.