«Введение в CSS» – первый урок учебника CSS. В этом уроке мы начнем обучение CSS и обсудим общие особенности использования каскадных таблиц стилей, такие, как подключение таблиц стилей, использование комментариев и т.д.
Одним из преимуществ таблиц стилей является то, что для их подключения и использования вам не понадобится каких-либо специфических знаний, а всю необходимую информацию вы сможете найти в рамках данного учебника.
Приоритет использования таблиц стилей
Существует несколько способов задания таблиц стилей:
1. Внутри элемента HTML
2. Внутри элемента <head> страницы HTML
3. Во внешнем файле CSS
Если для некоторого элемента разметки HTML было определено более одного стиля, то ни будут последовательно каскадированны друг на друга по определенным правилам. Приоритет наложения стилей друг на друга представлен ниже:
1. Стили браузера по умолчанию
2. Внешние стили
3. Внутренние стили (стили, расположенные внутри элемента <head>)
4. Стили, присвоенные непосредственно HTML элементам
Благодаря этим правилам стили могут быть каскадированны друг на друга. Как видно из представленного списка стиль элемента имеет наивысший приоритет и если возникнет ситуация, что стиль элемента задает, к примеру, красный цвет элемента, а во внешней таблице прописано, что элемент должен быть черным, то элемент будет красным, т.к. стиль, присвоенный непосредственно внутри элемента имеет наивысший приоритет.
Подключение внешних таблиц стилей
Использование внешних таблиц стилей является наиболее удобным способом организации разметки страниц. Для построения связи с внешней таблицей необходимо конструкцию вида <link rel="stylesheet" type="text/css" href="style.css"> разместить внутри контейнера <head></head> , как это показано в примере:
После этого создаем файл с названием style.css и прописываем внутри него необходимые css инструкции.
Комментарии CSS
Для создания комментариев в CSS используется следующая конструкция:
для открытия комментариев служит символ "/*" и символ "*/" – для закрытия.
Как вы и сами видите, комментарии могут быть расположены в любом месте CSS инструкции.
Одним из преимуществ таблиц стилей является то, что для их подключения и использования вам не понадобится каких-либо специфических знаний, а всю необходимую информацию вы сможете найти в рамках данного учебника.
Приоритет использования таблиц стилей
Существует несколько способов задания таблиц стилей:
1. Внутри элемента HTML
2. Внутри элемента <head> страницы HTML
3. Во внешнем файле CSS
Если для некоторого элемента разметки HTML было определено более одного стиля, то ни будут последовательно каскадированны друг на друга по определенным правилам. Приоритет наложения стилей друг на друга представлен ниже:
1. Стили браузера по умолчанию
2. Внешние стили
3. Внутренние стили (стили, расположенные внутри элемента <head>)
4. Стили, присвоенные непосредственно HTML элементам
Благодаря этим правилам стили могут быть каскадированны друг на друга. Как видно из представленного списка стиль элемента имеет наивысший приоритет и если возникнет ситуация, что стиль элемента задает, к примеру, красный цвет элемента, а во внешней таблице прописано, что элемент должен быть черным, то элемент будет красным, т.к. стиль, присвоенный непосредственно внутри элемента имеет наивысший приоритет.
Подключение внешних таблиц стилей
Использование внешних таблиц стилей является наиболее удобным способом организации разметки страниц. Для построения связи с внешней таблицей необходимо конструкцию вида <link rel="stylesheet" type="text/css" href="style.css"> разместить внутри контейнера <head></head> , как это показано в примере:
Код:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>Комментарии CSS
Для создания комментариев в CSS используется следующая конструкция:
для открытия комментариев служит символ "/*" и символ "*/" – для закрытия.
Код:
/* Первый комментарий. */
p
{
/* Второй комментарий. */
{
margin – left: 5pt; font – family: "verdana";
/* Третий комментарий. */
font – style:italic;
}