Inline CSS

Встроенные стили

Самый простой и прямой способ применения CSS для элемента для записи его в тег себя в качестве атрибута стиля style="..." . CSS стили применялись таким образом, имеют наивысший приоритет по сравнению с другими определениями стиля, т.е. они будут перезаписывать существующие стили. Потому что ты Применение CSS для элемента HTML непосредственное Selector не является необходимым.

Inline CSS

<p style="border:2px solid lime">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed enim. Morbi quis augue. Sed nec augue.</p>
<p style="background:lime">Sed vel pede eu lacus molestie condimentum. Pellentesque vitae dolor. Vestibulum venenatis.</p>

Использование принципов

1. Используйте как можно меньше

Помните, что мы пытаемся разделить содержимое презентации? Встроенные стили являются антиподами. Они неэффективны, поскольку они будут ляп ваш код и сложными в обслуживании. Только использовать их для быстрого тестирования Некоторые стили CSS или исключения, когда стиль используется только в определенном месте и больше нигде на главной странице.

2. Не используйте двойные кавычки

Потому что двойные кавычки уже используется для обозначения начала и конца атрибутом стиля, имея в другом двойные кавычки в период между бы резко прекратить CSS инструкций. Одиночные кавычки вместо. <p style="font-family:'trebuchet ms'"> в порядке, но не <p style="font-family:"trebuchet ms""> .