Курс CSS. Урок 43.
Cпособы подключения стилей.
Cпособы подключения стилей.
Основные способы подключения стилей мы с вами уже освоили на
уроке 2
Повторим их кратко:
В нашем тестовом примере мы разделим файл стилей на три логические части. Собирать эти части будем в головном файле css.
А сам этот головной файл css подключаем к файлу html точно также, как и раньше.
css_043_002.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
css_043_002.zip ← скачайте пример, чтобы установить на свой сайт...
Повторим их кратко:
- C помощью атрибута style :: этот способ хорош для внесения быстрых поправок на тестовых страницах. Стили, заданные данным способом вытесняют конкурирующие стили из другх источников. Не рекомендуется данный способ использовать в больших серьезных проектах.
- Стили, определенные на страничке HTML в области <head></head> :: переходный способ между 1 и 3. Можно использовать, если описания стилей короткие и простые. Пример использования здесь...
- Стили, определенные в файлах стилей *.css :: подключения этих файлов производится в области head, следующим образом: <link rel="stylesheet" href="xxx.css" type="text/css" /> .
В нашем тестовом примере мы разделим файл стилей на три логические части. Собирать эти части будем в головном файле css.
@import url("css_043_0021.css");
@import url("css_043_0022.css");
@import url("css_043_0023.css");
css_043_002.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
css_043_002.zip ← скачайте пример, чтобы установить на свой сайт...
***** Машина-Функционал для передвижения по страничкам курса CSS *****
Вы кликнули поясняющий рисунок, который показывает, как работает тот или иной функционал. Кликать эти рисунки не надо, нет смысла.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
