Подтвердить что ты не робот

Рекомендации по форматированию встроенных CSS - Два вопроса

Вопрос № 1 - При указании встроенного стиля в HTML-элементе необходимо ли включать в себя конечную полуточку? Например...

<div style="padding:10px;">content</div>

ВопроС# 2 - При указании встроенного стиля должно быть вставлено пространство после того, как двоеточие, отделяющее имя атрибута от значения атрибута?

<div style="padding: 10px;">content</div>

против.

<div style="padding:10px;">content</div>
4b9b3361

Ответ 1

Ответ # 1: Нет.

Полуколоны требуются только между объявлениями.

Блок объявления (также называемый {} -block в следующем тексте) начинается с левой фигурной скобкой ({) и заканчивается с соответствующей правой фигурной скобкой (}). Между ними должен быть список нулевого или большего числа точек с запятой (;).

Источник: http://www.w3.org/TR/css3-syntax/#rule-sets

Значение атрибута style должно соответствуют синтаксису содержимого Блок объявления CSS (исключая разделительные скобки)

Источник: http://www.w3.org/TR/css-style-attr/#syntax

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

Однако синтаксис CSS допускает пустые объявления, что означает, что вы можете добавить точки с запятой и конечные точки, как вам нравится. Например, это верно CSS:

.foo { ;;;display:none;;;color:black;;; }

и эквивалентен этому:

.foo { display:none;color:black }

Ответ # 2: Нет.

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

Источник: http://www.w3.org/TR/css3-syntax/#declarations

Вы можете добавить пробелы, чтобы улучшить читаемость, но они не имеют никакого отношения.

Ответ 2

Вопрос 1: Да (если у вас указано более одного встроенного стиля. Даже для последнего не требуется, рекомендуется добавить ; после каждого).

Цитата:

Обычные правила CSS применяются внутри атрибут стиля. Каждый CSS оператор должен быть разделен точка с запятой ";" и появляются двоеточия между свойством CSS и его значение.

Вопрос 2: Нет, но вы можете добавить его, чтобы его было легче читать. Например, форматирование Eclipse автоматически добавляет это пространство.

Ответ 3

Q1: Нет, но всегда включаю конечную точку с запятой. Несколько лет назад эта точка с запятой могла быть причиной неправильного рендеринга (или отсутствия) некоторых браузеров. Думаю, в наши дни это не проблема.

Q2: Нет, оба пути означают одно и то же. Ваше избрание для включения пробела после двоеточия должно основываться на личных предпочтениях для удобочитаемости.

Ответ 4

Вопрос 1: Не требуется для вашего первого вопроса, как написано, но вам нужно будет иметь двоеточие, если присутствуют несколько определений.

Вопрос 2: Пробелы не требуются, если вы не разделяете значения в определенном свойстве, например: box-shadow:0 0 5px 0 #000;

Одна из причин, по которой вы, возможно, захотите добавить их в любом случае, по крайней мере в контексте CSS файла, будет заключаться в том, что если вам когда-либо понадобится запускать CSS через постпроцессор, например Sass, не имеющий полуколоней в конце строки приведет к сбою компилятора.

В заключение, затем: Для встроенных стилей приведенные выше ответы применяются, но для CSS в отдельных файлах файловой системы я всегда добавляю дополнительные полуколонны и пробелы, чтобы упростить читать. Вы всегда можете запустить свой CSS через компрессор, когда будете готовы к производству.