CSS/Синтаксис: различия между версиями
< CSS
Содержимое удалено Содержимое добавлено
Нет описания правки |
Нет описания правки |
||
Строка 1: | Строка 1: | ||
Каскадные таблицы стилей чаще всего подключаются к веб-странице как внешние, чтобы они могли быть использованы на всём сайте. Тогда они располагаются во внешнем файле с расширением css и своим синтаксисом. |
Каскадные таблицы стилей чаще всего подключаются к веб-странице как внешние, чтобы они могли быть использованы на всём сайте. Тогда они располагаются во внешнем файле с расширением css и своим синтаксисом. |
||
Файл стилей должен начинаться с объявления: |
Файл стилей должен начинаться с объявления: |
||
<source lang="css"> |
<source lang="css"> |
||
Строка 7: | Строка 7: | ||
</source> |
</source> |
||
Каждое правило CSS является независимым и состоит из трёх частей: селектор (selector), свойство (property) и значение (value): |
Каждое правило CSS является независимым и состоит из трёх частей: селектор (selector), свойство (property) и значение (value): |
||
[[File:CSSsyntax3.JPG|CSSsyntax3]] |
[[File:CSSsyntax3.JPG|CSSsyntax3]] |
||
Строка 35: | Строка 35: | ||
h2 { |
h2 { |
||
font-size: 12px; |
|||
font-style: italic; |
font-style: italic; |
||
font-weight: bold; |
font-weight: bold; |
||
color |
color: #ffffff; |
||
text-decoration : underline; |
text-decoration : underline; |
||
} |
} |
||
p { |
p { |
||
font-size: 12px; |
|||
font-style: normal; |
font-style: normal; |
||
color: #ffffff; |
color: #ffffff; |
||
Строка 49: | Строка 47: | ||
h2, p { |
h2, p { |
||
font-size: |
font-size: 12px; |
||
} |
} |
||
</source> |
</source> |
Версия от 13:51, 8 ноября 2014
Каскадные таблицы стилей чаще всего подключаются к веб-странице как внешние, чтобы они могли быть использованы на всём сайте. Тогда они располагаются во внешнем файле с расширением css и своим синтаксисом.
Файл стилей должен начинаться с объявления:
@charset "UTF-8";
Каждое правило CSS является независимым и состоит из трёх частей: селектор (selector), свойство (property) и значение (value):
Пример:
@charset "UTF-8";
body {
background-color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #ffffff;
margin: 0px;
padding: 0px;
text-align: center;
}
h1 {
font-size: 16px;
color: #ffffff;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
}
h2 {
font-style: italic;
font-weight: bold;
color: #ffffff;
text-decoration : underline;
}
p {
font-style: normal;
color: #ffffff;
}
h2, p {
font-size: 12px;
}