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

Материал из Викиучебника — открытых книг для открытого мира
< CSS
Содержимое удалено Содержимое добавлено
Нет описания правки
Нет описания правки
Строка 14: Строка 14:


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


body {
@charset "UTF-8";
background-color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #ffffff;
margin: 0px;
padding: 0px;
text-align: center;
}


body {
h1 {
font-size: 16px;
background-color : #000000;
color: #ffffff;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 100%;
font-style: normal;
font-weight: normal;
color : #ffffff;
letter-spacing: 0.1em;
margin : 0;
}
padding : 0;
text-align : center;
}


h1 {
h2 {
font-size: 12px;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 16px;
font-style: italic;
font-weight: bold;
color : #ffffff;
color : #ffffff;
font-style : normal;
text-decoration : underline;
font-weight : normal;
}
letter-spacing : 0.1em;
}


h2 {
p {
font-size: 12px;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 12px;
font-style: normal;
color: #ffffff;
font-style : italic;
}
font-weight : bold;
color : #ffffff;
text-decoration : underline;
}


p {
h2, p {
font-size: 12;
font-family : Georgia, "Times New Roman", Times, serif;
}
font-size : 12px;
font-style : normal;
color : #ffffff;
}

etc
</source>
</source>



Версия от 13:50, 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-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; 
}