Язык описания представлений CSS-cascading style sheets

относительных единиц измерения, которые указывают значение длины относительно других элементов

документа. Таблицы стилей, которые используют такой тип единиц, намного легче перенастраиваются с одного типа устройств на другой. К относительным единицам измерения относятся:
em - размер, относительно размера буквы "m"
ex - размер, относительно вертикального размера букв, соответствующего шрифта
px - размер, использующий пиксели, относительно устройства вывода
% - размер, использующий процентные значения, относительно основного размера

Пример:
H1 { margin-left: 1.5em }
H3 { margin-left: 2ex }
span { font-size: 16px }
P { font-size: 150%px }

Дочерние элементы не наследуют относительные значения, указанные для их родительских элементов.

когда известны физические параметры устройства вывода. К ним относятся:
in

- размер, в дюймах, 1 дюйм равен 2.54 сантиметрам.
cm - размер, в сантиметрах
mm - размер, в миллиметрах
pt - размер, в точках, 1 точка равна 1/72 дюйма.
pc - размер, в пиках, 1 пика равна 12 точкам.

Пример:
H1 { margin: 1.5in }
H2 { line-height: 5cm }
H3 { word-spacing: 3mm }
H4 { font-size: 16pt }
H4 { font-size: 2pc }

описанного в HTML-страницах;
определяет внешний вид текста – шрифты, размеры,

цвет;
определяет расположение элементов друг относительно друга;
описание внешнего представления может быть физически отделено от описания содержания.

Добро пожаловать в университет телекоммуникаций.
Вы получите самое полное, лучшее, ЛУЧШЕЕ образование в России с МИНИМАЛЬНЫМ начальным багажом знаний!

Добро пожаловать в университет телекоммуникаций. Вы получите самое полное, лучшее, ЛУЧШЕЕ образование в России с МИНИМАЛЬНЫМ начальным багажом знаний!

Дескриптор STYLE
Содержится в элементе HEAD HTML-кода
Атрибут TYPE
Присваивается значение text/css (MIME тип – multipurpose internet mail extension

либо в дескрипторе style непосредственно в элементе HTML,
либо собираются

в заголовке документа (или на отдельной CSS-странице).

Курс лекций.

Курс лекций.

h2.red-class { color: red; text-align: center; }

Практические занятия.

образование в России с минимальным начальным багажом знаний!
В

СПб ГУТ вы получите самое полное, лучшее, качественное

образование в России с
минимальным начальным багажом знаний!

В СПб ГУТ вы получите самое полное, лучшее, качественное
образование в России с
минимальным начальным багажом знаний!

example.html



содержание страницы HTML-документа

Ссылка может быть как на «локальную» страницу стилей, созданную специально для этого документа, так и на «глобальную», хранящуюся в сети Интернет.

example1.html

p { color: white; background-color: black; } mystyles.css
h1 { font-size: large; font-weight: bold; }
h2 { font-weight: 500; color: blue; }

small; font-size: larger; font-size: 10px; font-size: 80%; font-weight: bold; font-weight: 400; font-style: italic; font: sans-serif

bold x-large;

Атрибуты шрифта (font) и текста (text).

text-align: center; text-align: right; text-transform: uppercase; text-indent: 2cm; text-decoration: underline; text-decoration: blink;

названия цветов:
aqua – голубой, black – черный, blue –

синий, fuchsia – розовый, gray – серый, green – зеленый, lime – светло-зеленый, maroon - коричневый,

navy – темно-синий, olive – оливковый (желто-зеленый), purple – фиолетовый, red – красный, silver – серебряный (светло-серый), teal – «морской волны», white – белый, yellow – желтый.

body { color: blue; font-family: sans-serif;

width: 400px; text-align: justify; } strong { color: red; font-weight: 600; } em { background-color: silver; }

Италия издавна была одной из самых романтичных и посещаемых стран мира. С годами она ничуть не утратила своей притягательной силы, так как в этой солнечной стране царит атмосфера, располагающая к веселью, общению и отдыху на любой вкус. Не только красивые и разнообразные ландшафты, семейные пляжи, но и многочисленные памятники истории и культуры очаровывают путешественников, прибывающих в Италию со всех концов земли.

red; background-color: aqua; }
a { text-decoration: overline underline; }
h2 {

font-weight: bold; text-align: center; }

Это заголовок

А это абзац со ссылкой внутри

body

h2

p

a

Это заголовок

А это абзац со ссылкой внутри

и сбора данных о пользователе.
После заполнения пользователем формы и

запуска процесса ее обработки, информация из нее попадает к программе, работающей на сервере.
Простота использования тега в формах позволяет даже владельцам небольших страниц получать отклик от своих читателей.
Для обработки большого количества откликов используются программы, поддерживающие Common Gateway Interface (CGI) и расположенные на сервере, в адрес которого поступают отклики.
Таким образом пользователь может интерактивно взаимодействовать с Web-сервером через Internet.

и определяет границы использования других тегов, размещаемых в форме.
Тег

определяется последовательностью тегов , размещенных внутри пары и

. В форме используется как метод (method), так и действие (action) для описания обработки данных, вводимых пользователем в форму.
Метод (GET или POST)
определяет, как должны обрабатываться входные данные из формы, а действие указывает на URI (Uniform Resource Identifier) программы, ответственной за обработку этих данных.

TYPE=text

Ваше имя
Атрибут TYPE=checkbox


Россия
Страны

СНГ

Атрибут TYPE=radio

Пол мужской VALUE="Мужской">
Пол женский VALUE="Женский">

Атрибут TYPE=reset

Атрибут TYPE=submit

ROWS
Использование списков в форме — тег
Когда формы HTML становятся

более сложными, в них часто включают списки с прокруткой и выпадающие меню.
Для этого используют
тег SELECT с атрибутом TYPE=select.

Для определения списка пунктов используют
тег .

Тег поддерживает три необязательных атрибута: MULTIPLE, NAME и SIZE .

Выбор

Вариант 1
Вариант 2
Вариант 3
Вариант 4