Синтаксис CSS

Автор: | 10.10.2018

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>

В результате увидим в браузере следующее:

css, примеры, синтаксис

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *