Язык описания представлений 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; }

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

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

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

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

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

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

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

example1.html

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

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 – желтый.

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=checkbox

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

Атрибут TYPE=radio

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

Атрибут TYPE=reset

Атрибут TYPE=submit