CSS

We use cookies. Read the Privacy and Cookie Policy

CSS

Каскадные листы стилей (Cascading Style Sheets или CSS) – это расширение HTML. CSS – это также не язык программирования. CSS можно рассматривать как своеобразный словарь свойств форматирования различных элементов HTML страницы.

С помощью CSS команд можно, например, определить, что заголовки первого уровня будут иметь размер 18 точек, использовать шрифт Arial, и иметь вертикальный отступ от следующей строки в 1.9 см. Внедрение таких опций форматирования не доступно при использовании «чистого» HTML. Необходимости в них во время разработки HTML не существовало. Однако, с растущей коммерциализацией Интернета дополнительные возможности форматирования становились все более важны.

Данные CSS можно интегрировать в HTML следующими путями:

В центральный HTML файл: Команды CSS могут быть определены в заглавной

секции HTML файла следующим образом:

<head>

<title>title of the file</title>

<style type="text/css">

<!-

/* … тут определяются css команды … */

->

</style>

</head>

В отдельном CSS файле: если команды CSS должны применяться к нескольким HTML страницам, целесообразнее хранить их в отдельном файле, прописывая путь к нему в заглавных секциях HTML файлов. Именно такой подход используется Joomla!:

<head>

<title>title of the file</title>

<link rel="stylesheet" type="text/css" href="formate.css">

</head>

Внутри HTML тега: Команды CSS также могут быть интегрированы в HTML теги:

<body>

<h1 style="… CSS command …">…</h1>

</body>

Данные методы могут быть без особых проблем совмещены в одном CSS файле.

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