- •Программное обеспечение дизайна и рекламы
- •2.Определение верстки. Принципы верстки.
- •3.Висячие строки и борьба с ними.
- •4.Классификация шрифтов. Шрифты TrueType и PostScript.
- •5.Терминология, принятая в издательском деле.
- •6.Характеристики и свойства шрифтов.
- •7.Способы выделения.
- •8.Виды верстки. Отличия верстки различных изданий.
- •9.Правила газетной верстки.
- •10.Правила журнальной верстки.
- •11.Правила верстки иллюстраций.
- •12.Языки разметки и языки программирования в web-дизайне.
- •13.Правила верстки web-страниц.
- •14.Параметры стилевого оформления шрифтов и абзацев в css.
- •15.Блочная модель css. Установка параметров границ и отступов.
- •16.Позиционирование элементов средствами css.
- •17.Сравнение css 2 и css3. Новые элементы в css3.
- •18.Виды печати.
- •19.Цифровая техника в издательском деле.
- •20.Обзор программных продуктов фирмы Adobe Systems.
14.Параметры стилевого оформления шрифтов и абзацев в css.
CSS (Cascading Style Sheets - каскадные таблицы стилей) - технология, использующаяся для оформления веб-страниц с помощью стилей.
Основная идея CSS состоит в том, чтобы разделить структуру и содержание веб страниц от их оформления:
- c помощью HTML создается страница - ее каркас, а также вносится ее содержимое.
- с помощью CSS создается дизайн - задается оформление для элементов страницы.
Стили - это набор правил форматирования, применяемых к элементам страницы для изменения их свойств и параметров представления на странице: в основном это касается их внешнего вида и занимаемого положения.
Стилевое оформление задается при помощи тега <style>, который размещается в голове документа (тег <head>) и может быть использован несколько раз.
в CSS в качестве значений очень часто используются размеры шрифтов. Если вы помните, то в Html размеры шрифтов задавались просто цифрами от 1 до 7. Например, размеры изображений в атрибутах Width и Height Html тега Img тоже задавались просто числами без обозначения размерности, хотя эти числа подразумевали размер в пикселах.
Стилевая разметка CSS изначально предназначалась для различных устройств вывода — не только для мониторов, но и, например, для стилевого оформления информации предназначенной для печати. Поэтому размеры шрифтов и любые другие размеры (отступы, например) всегда указываются в CSS с единицами размерности. Причем, синтаксис таблиц каскадных стилей подразумевает слитное написание цифр и единиц размерности (без добавления между ними пробелов).
Например, мы хотим, чтобы все абзацы отображались шрифтом Arial, размером в 11 пунктов синим цветом и выровнены по ширине страницы. Для этого зададим некий стиль отображения для тэга <body> с помощью атрибута style. Выглядеть это будет следующим образом:
<body style="font-family: "Arial", serif; font-size:11pt; color: blue; text-align: justify;">
В результате, все абзацы будут отформатированы указанным способом. Так что все абзацы будут отражаться так, как мы захотели, а код не будет засорен тэгами, типа <font>. Значение serif атрибута font-family означает, что у нас применяется шрифт с засечками. Т.е. если у пользователя вдруг не окажется вышеуказанного шрифта, браузер подставит другой шрифт с засечками и отображение страницы будет максимально приближено к тому, что мы задумали. А что если нам необходимо изменить формат какого либо абзаца? Тогда, например, в тэг абзаца <p> можно вставить свой стиль, используя атрибут style. Данный способ называется Переопределение стиля в элементе разметки и применяется только к одному тэгу на одной странице. А если нам необходимо изменить заголовки, способы начертания и т.д. Присваивать стили каждому тэгу? Несколько неудобно. Для этого существуют способы задания стилей всевозможным тэгам только один раз и которые будут воздействовать на всю страницу или целиком на весь сайт.
Допустим, мы хотим, чтобы все абзацы на странице выглядели, как в предыдущем примере, все заголовки первого уровня отображались шрифтом Arial зеленого цвета полужирного начертания размером 16 пунктов, а все заголовки второго уровня – шрифтом Helvetica размером 14 пунктов полужирного курсивного начертания красного цвета. Для этого нам понадобится создать в «голове» страницы (внутри тэга <head>) внедренную таблицу стилей, в которой мы пропишем несколько правил сразу. Для этого создаем тэг-контейнер таблицы стилей, начинающийся парным тэгом <style>. Внутри этого тэга мы вольны задать любое количество правил CSS, состоящих из селектора (названия тэга HTML, к которому будет применяться правило) и его определения (непосредственно набора средств форматирования), заключенного в фигурные скобки.