CSS/Синтаксис: различия между версиями

Материал из Викиучебника — открытых книг для открытого мира
< CSS
Содержимое удалено Содержимое добавлено
Нет описания правки
м <source> -> <syntaxhighlight> (phab:T237267)
 
Строка 3: Строка 3:
Файл стилей должен начинаться с объявления:
Файл стилей должен начинаться с объявления:


<source lang="css">
<syntaxhighlight lang="css">
@charset "UTF-8";
@charset "UTF-8";
</syntaxhighlight>
</source>


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


<source lang="css">
<syntaxhighlight lang="css">
@charset "UTF-8";
@charset "UTF-8";


Строка 49: Строка 49:
font-size: 12px;
font-size: 12px;
}
}
</syntaxhighlight>
</source>


{{BookCat}}
{{BookCat}}

Текущая версия от 16:09, 16 апреля 2020

Каскадные таблицы стилей чаще всего подключаются к веб-странице как внешние, чтобы они могли быть использованы на всём сайте. Тогда они располагаются во внешнем файле с расширением 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; 
}