|
Читайте также: |
Каскадные листы (таблицы) стилей CSS (Cascading Style Sheets) также как и язык HTML разработаны консорциумом W3C и тоже служат целям представления документов на Web-страницах. CSS не являются частью HTML, но имеется возможность их подключения в HTML-документ для совместного использования.
Каскадные листы стилей, не выполняя всех функций языка HTML, обладают расширенными возможностями при форматировании текста. Поэтому одним из современных требований на разработку Web-сайтов является рекомендация использования CSS вместо тэгов HTML везде, где это возможно.
Формат CSS
Каскадные листы стилей имеют следующий формат:
CSS-идентификатор {свойство1:значение; свойство2:значение;...}
В качестве CSS-идентификатора могут быть использованы:
HTML-идентификаторы (например, BODY, H1, P,...);
HTML-идентификаторы с указанием класса (например, P.small- для параграфа с маленькими буквами);
классы без указания HTML-идентификатора (например,.green_it - для любого тэга, с зелеными наклонными символами);
идентификаторы тэгов с добавлением символа # (например, #zz).
Ниже приведены свойства каскадных листов стилей и их возможные значения.
Свойства задания полей документа
Поля HTML-документа могут быть заданы с помощью следующих свойств CSS, которые указывают размер:
margin-left - левого поля;
margin-right - правого поля;
margin-top - верхнего поля;
margin-bottom - нижнего поля.
Размер всех полей может быть задан с помощью одной из следующих единиц измерения (если единица измерения не задана, то предполагается, что она задана в пикселях):
pt - в пунктах (1/72 дюйма);
px - в пикселях;
mm - в мм;
cm - в см;
in - в дюймах;
% - в процентах размера родителя.
Например, CSS
P{margin-left:2сm}
задает размер левого поля всех параграфов текста равным 2 см.
Отметим, что в случае, когда для одного и того же свойства тэга с помощью HTML и CSS задаются разные значения, приоритет отдается CSS. Например, при следующем задании верхнего поля документа:
<BODY TOPMARGIN="100" STYLE="margin-top:50px">
верхнее поле будет иметь размер 50 пикселей. Оглавление
Свойства текста
Для задания параметров текста на Web-страницах используются следующие свойства CSS:
text-align - задание горизонтального выравнивания шрифта;
text-indent - задание отступа первой строки параграфа;
text-decoration - задание декоративного выделения текста;
word-spacing - задание расстояния между словами в тексте;
letter-spacing - задание расстояния между символами в слове.
Дата добавления: 2014-12-18; просмотров: 105 | Поможем написать вашу работу | Нарушение авторских прав |