Урок 3: Начинаем задавать

Главная|Учебник HTML|Учебник CSS|Новости|Вопрос/ответ|Советы|Ссылки|Downloadы|Анкета

Пока-что мы будем учиться задавать стили строковым (или строчным) методом. Если взглянуть на общую схему задания стилей этим методом, то можно увидеть это:

<тег style="параметр:значение; праметр:значение">

Давайте попробуем задать стилевое оформление для следующего тега:

<font style="color:red; text-decoration:underline; font-size:20px">навороченный текст</font>
Эта наша затея приведет нас вот к чему:
навороченный текст
Этот текст, конечно, не настолько навороченный, но, ведь, с чего-то надо начинать...

Хочу сразу отметить, что атрибуты (или параметры) CSS очень часто повторяются для похожих типов объектов. Например, для текстовых объектов, таких как различные типы шрифтового оформления (<font>, <b>, <i>, <sub>, ...), гиперссылки, абзацы, заголовки свойственны определенные параметры. Ну, думаю, не стоит объяснять почему для рисунка нельзя задать гарнитуру шрифта :-)

Шрифтовое оформление

Начнем "полноценное" изучение CSS именно с этой темы. Как правило, атрибуты касающиеся шрифтов начинаются на font или text

Размер
Как Вы могли заметить из предыдущего примера, размер шрифта задается атрибутом font-size, после которого через двоеточие пишется собственно размер. В CSS способы задания размеров отличаются от HTML. Здесь существует несколько единиц измерения:

Можно еще задать размер словом. Эти слова являются эквивалентами размеров в HTML. Посмотрим табличку:
CSSHTMLРусский язык
xx-lagre7сверх большой
x-large6очень большой
large5большой
medium4средний
small3маленький
x-small2очень маленький
xx-small1сверх маленький

Если надо увеличить/уменьшить размер на одну HTML-единицу, то можно воспользоваться словами smaller (меньше) и larger (больше)

Предыдущий урок | Следующий урок