Пока-что мы будем учиться задавать стили строковым (или строчным) методом. Если взглянуть на общую схему задания стилей этим методом, то можно увидеть это:
<тег style="параметр:значение; праметр:значение">
Давайте попробуем задать стилевое оформление для следующего тега:
<font style="color:red; text-decoration:underline; font-size:20px">навороченный текст</font>Эта наша затея приведет нас вот к чему:
Хочу сразу отметить, что атрибуты (или параметры) CSS очень часто повторяются для похожих типов объектов. Например, для текстовых объектов, таких как различные типы шрифтового оформления (<font>, <b>, <i>, <sub>, ...), гиперссылки, абзацы, заголовки свойственны определенные параметры. Ну, думаю, не стоит объяснять почему для рисунка нельзя задать гарнитуру шрифта :-)
Размер
Как Вы могли заметить из предыдущего примера, размер шрифта задается атрибутом font-size, после которого через двоеточие пишется собственно размер. В CSS способы задания размеров отличаются от HTML. Здесь существует несколько единиц измерения:
CSS | HTML | Русский язык |
xx-lagre | 7 | сверх большой |
x-large | 6 | очень большой |
large | 5 | большой |
medium | 4 | средний |
small | 3 | маленький |
x-small | 2 | очень маленький |
xx-small | 1 | сверх маленький |