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 : #ffffff;
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: 12;
font-size: 12px;
}
}
</source>
</source>

Версия от 13:51, 8 ноября 2014

Каскадные таблицы стилей чаще всего подключаются к веб-странице как внешние, чтобы они могли быть использованы на всём сайте. Тогда они располагаются во внешнем файле с расширением css и своим синтаксисом.

Файл стилей должен начинаться с объявления:

@charset "UTF-8";

Каждое правило CSS является независимым и состоит из трёх частей: селектор (selector), свойство (property) и значение (value):

CSSsyntax3

Пример:

@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; 
}