Три способа: как добавить стили (CSS) в веб-страницу
Добавить стили в веб-страницу можно тремя способами:
- Внутренний стиль;
- Внешний стиль;
- Встроенный стиль (inline style).
Внутренние стили (Embedded styles)
Внутренние стили добавляются в содержимое тега <head></head>:
Код
<style type="text/css">
<!--
#wrapper {width:1000px; margin:0 auto; position:relative;}
#header {height:100px; width:100%; position:relative;}
-->
Обратите внимание на комментарии в начале и в конце: они предотвращают отображение стилей на странице каким-либо образом.
Делая изменения в внутренней таблице стилей, вы изменяете стили для конкретной страницы.
Внешние стили (External styles)
Внешние стили подключаются к странице путем вставки подобной конструкции в тег <head></head>
Код
<link rel="stylesheet" href="/template.css" type="text/css" >
Где атрибут href указывает на расположение файла со стилями в директории сайта
Сам файл внешних стилей не содержит тегов <style>
Делая изменения во внешней таблице стилей, вы изменяете то множество страниц на сайте, в которые подключен этот файл.
Встроенные стили (inline styles)
Встроенные стили добавляются непосредственно в сам тег в теле документа.
Код
<p style="font-weight:bold; color:#030303;">Hello, apple!</p>
Встроенные стили нежелательны для употребления (теряется весь смысл изобретения каскадных таблиц стилей - отделение содержания от оформления), используются редко.
|