CSS
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 команды только в отдельном файле.