HTML-верстка: инструменты и приемы профессиональной front-end разработки

Синтаксис CSS.


назад вперед

Синтаксис CSS

Правило CSS состоит из двух частей: селектор и одно или больше объявлений свойств:

Селектором обычно является элемент HTML, форматирование которого вы хотите изменить.

Каждое объявление состоит из свойства и его значения.

Свойство — это атрибут стиля, который вы хотите изменить. Каждое свойство имеет значение.


Пример CSS

Объявление CSS должно заканчиваться точкой с запятой (;), а группы объявлений пишутся в фигурных скобках:

p {color:red;text-align:center;}

Для удобства чтения CSS-кода, вы можете помещать каждое объявление на новой строке:

Пример

p
{
color:red;
text-align:center;
}

При этом хочу заметить, что сортировка объявлений свойств по алфавиту поможет вам легко находить нужное свойство при редактировании css файла.


Комментарии CSS

Комментарии используются для пояснения отдельных участков кода и будут очень полезны при последующем редактировании кода. Комментарии игнорируются браузерами.

Комментарий CSS пишется между знаками "/*" и "*/", например:

Пример

/* Выравниваем текст параграфов по центру */
p
{
text-align:center;
/* Цвет текста параграфов черный, шрифт - Arial */
color:black;
font-family:arial;
}


Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!


назад вперед

СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта