Ответы пользователя по тегу CSS
  • Какие существуют "общие" правила по верстке web страниц?

    @roman_vo
    - Использован normalize.css.
    - К страницам подключён один стилевой файл (с учётом normalize.css к каждой странице могут быть подключены два стилевых файла).
    - Стилевой файл подключён внутри .
    - Документ проходит проверку на валидность validator.w3.org/nu/.
    - Вся собственная стилизация выполнена в одном стилевом файле.
    - Подключены правильные шрифты, их размеры, высота строк, цвет и толщина равны соответствующим параметрам в макетах и техническом задании.
    - Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
    - Вёрстка идентично отображается в последних версиях браузеров Chrome, Firefox, Safari, Edge, Internet Explorer.
    - В корне проекта имеются папки css, img, js или аналогичные. Главная страница имеет название index.html. В названиях и расширениях файлов нет заглавных букв и пробелов, использованы только латинские символы.
    - Выбран подходящий формат изображений.
    - У всех изображений в теге прописан размер.
    - Нет вложенности селекторов больше двух. (Длинные цепочки селекторов усложняют код и его поддержку. Хорошим подходом считается использовать вложенность не больше двух уровней. Псевдоэлементы и псевдоклассы вложенность не увеличивают.)
    - При использовании блочно-строчных элементов явно указывайте вертикальное выравнивание (По умолчанию элементы inline-block имеют выравнивание baseline, которое может приводить к нежелательному поведению элементов, например, когда внутри них разное количество строк.)
    - Для блока, у которого есть фоновое изображение, прописан фоновый цвет, который соответствует преобладающему цвету изображения (пока изображение не загружено, страница выглядит похоже на макет)
    - Отсутствует транслит в названиях классов, атрибутах, названиях файлов и так далее.
    - Проведена базовая оптимизация: минифицированы стили и скрипты (при наличии)
    Ответ написан
    Комментировать