CSS синтаксис. Обнуление CSS стилей. Уроки HTML CSS JS. Урок №5

• CSS описывает внешний вид страницы, задавая цвета, размеры и поведение элементов.  

• В этом уроке мы создадим первый CSS-файл, подключим его к HTML-странице и обсудим синтаксис и классы.  

• В конце урока получим обнуляющий CSS-файл для дальнейшей работы.  

• Создаем новый проект и открываем его в редакторе кода Sublime Text.  

• Создаем пустой файл CSS и сохраняем его в папке проекта.  

• Синтаксис CSS прост: обращаемся к тегу или группе тегов в HTML и описываем стили.  

• Пример HTML-кода с контейнером div и параграфами p.  

• Применяем стили к тегу span, изменяя размер шрифта и цвет текста.  

• Объяснение синтаксиса параметров CSS: фон, размер, цвет и т.д.  

• Подключаем CSS-файл к HTML-странице с помощью тега link.  

• Указываем путь к файлу CSS в атрибуте href.  

• Проверяем, что стили применяются к тегу span.  

• Обращение к классам в CSS с помощью атрибута class.  

• Пример с классом big-red для двух span.  

• Применение стилей только к элементам с определенным классом.  

• Порядок записи параметров и селекторов.  

• Приоритетность записи селекторов.  

• Вложенность и обращение к первому уровню вложенных тегов.  

• Параметры могут наследоваться элементами внутри стилизированного блока.  

• Пример с цветом и размером шрифта.  

• Параметры, которые не наследуются, и их особенности.  

• Обнуление стилей по умолчанию для соответствия требованиям верстки.  

• Пример с отступами и границами.  

• Применение параметров для улучшения кросс-браузерности и соответствия макета.  

• Обнуление стилей для различных тегов и браузеров.  

• Пример с параметрами для HTML и BODY.  

• Применение параметров для устранения особенностей в разных браузерах.  

• Все стили обнулены, включая отступы, стили маркированного списка, размеры и начертания шрифтов.  

• Теперь у нас чистый лист, и мы можем управлять стилем по своему усмотрению.  

• Автор просит оставить комментарии и лайки, а также напоминает о важности обучения и развития.