CSS отвечает за стиль, оформление элементов HTML, синтаксис CSS отличается от синтаксиса HTML. Файл стилей состоит из css правил, следующего вида
selector {
svoistvo1: value1;
svoistvo2:value2;
}
В качестве селектора могут быть теги html, классы и идентификаторы. Свойства стилей - это может быть размер блока, отступы, цвет элемента, цвет фона и т.д. Теги пишутся как есть, идентификаторы с символом # перед названием идентификатора, классы пишутся с символом "."
Пример:
p { color:blue}
#id1 {width:100px}
.myclass{ padding-left}
Свойства и значения свойства для данного селектора перечисляются в фигурных скобках {}, разделяются между собой ";"
Комментарии в файлах стилей отделяются знаками /* это комментарий css*/
Пример
файл style.css
p{ color:green}
div{ background-color: lightgray; /* блок с серым фоном */
width: 400px;
}
файл index.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>
<p>Текст </p>
</div>
</body>
</html>
В результате увидим в браузере следующее:
