- •Справочный материал к теме «Основы языка html»
- •Основные теги html
- •Теги физического форматирования текста
- •Теги логического форматирования текста
- •Специальные символы html
- •Названия и коды цветов для html
- •Создание гиперссылок
- •Протокол://Домен/Путь/Файл#Метка
- •Создание фреймовой структуры
- •Каскадные таблицы стилей css
- •Способы определения стилей
- •Применение правил таблицы стилей:
- •Определение правил
- •Свойства для таблиц стилей
Определение правил
Определение правила состоит из одного или нескольких элементов, представляющих собой свойство (атрибут) и его значения, разделённых двоеточием (color:blue). При некорректном задании свойства или значения соответствующая пара игнорируется.
Величины, обозначающие размеры элементов, могут задаваться:
в абсолютных единицах:
in– дюймы;
cm– сантиметры;
mm– миллиметры;
pt– пункты (пойнты) 1 пункт = 1/72 дюйма, или 0,35 мм;
pc– пики, 1 пика = 12 пунктам.
в относительных единицах:
em– высота элемента базового шрифта;
px– количество пикселей данного устройства;
x– высота буквыx
% - процент по отношению к опорному значению.
Свойства для таблиц стилей
font-family– виды шрифтов и их приоритеты, значения – "Arial", "Courier" (названия шрифтов),serif,cursive(группа шрифтов с засечками)
<body style="font-family:'Times New Roman',serif">
или
body {font-family: "Times New Roman", serif)
font-style– определяет начертание букв (normal– нормальное,italic- курсив,oblique– наклонное)
font-weight– определяет жирность шрифта, значения: 100, 200, ... 900.
font-size– размер шрифта,font-size:16pt– размер в пунктах,font-size:160% – размер в процентах,font-size:1.2em– размер в пропорции к базовому размеру шрифта в данном элементе
color– цвет символов, значения – названия цветов (red, gray) или 16-ричный код (#00FF0D).
background-color– цвет фона, значения – названия цветов (red, gray) или 16-ричный код (#00FF0D)
text-align– выравнивание текста, значения:left,right,center,justify(выравнивание по ширине).
text-decoration– оформление текста, значения:underline- подчёркивание,overline- надчёркивание,line-through- зачёркивание,blink- мерцание
text-indent– отступ первой строки элемента уровня блока, например, абзаца
p {text-indent: 20pt)
background-image – фоновый рисунок – background-image:url(stars.gif)
background-repeat – повторяемость фонового рисунка, значения: repeat, repeat-x, repeat-y, no-repeat.
margin-top, margin-left, margin-bottom, margin-right - поля документа, задаются в пикселях, процентах и т.д.
Границы (обрамление):
border-color – цвет границы.
border-width – толщина границы (thin, medium, thick или числовое значение).
border-style – тип линии (none – нет линии, solid - сплошная, dotted - пунктир, dashed - штриховая, double - двойная, groove - углублённая, ridge - выпуклая, inset - утопленная, outset - выпуклая)