CSS/Синтаксис: различия между версиями
< CSS
Содержимое удалено Содержимое добавлено
Oleg4280 (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 14: | Строка 14: | ||
<source lang="css"> |
<source lang="css"> |
||
⚫ | |||
body { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
margin: 0px; |
|||
padding: 0px; |
|||
⚫ | |||
⚫ | |||
h1 { |
|||
font-size: 16px; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
font-style: normal; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
margin : 0; |
|||
⚫ | |||
padding : 0; |
|||
⚫ | |||
⚫ | |||
h2 { |
|||
font-size: 12px; |
|||
font-family : Georgia, "Times New Roman", Times, serif; |
|||
font-style: italic; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
font-style : normal; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
p { |
|||
font-size: 12px; |
|||
font-family : Georgia, "Times New Roman", Times, serif; |
|||
font-style: normal; |
|||
⚫ | |||
font-style : italic; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
h2, p { |
|||
font-size: 12; |
|||
font-family : Georgia, "Times New Roman", Times, serif; |
|||
} |
|||
⚫ | |||
font-style : normal; |
|||
⚫ | |||
⚫ | |||
etc |
|||
</source> |
</source> |
||
Версия от 13:50, 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-size: 12px;
font-style: italic;
font-weight: bold;
color : #ffffff;
text-decoration : underline;
}
p {
font-size: 12px;
font-style: normal;
color: #ffffff;
}
h2, p {
font-size: 12;
}