Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Font-size






Свойство font-size используется для задания абсолютного или относительного размера текущего шрифта. В качестве относительного размера используется процентное задание (по отношению к размеру текущего шрифта) или ключевые слова:

larger – крупнее;

smaller – мельче.

В качестве абсолютного размера используется указание числа с одной из следующих единиц измерения: in, cm, mm, px, pt, pc. Можно использовать и такие ключевые слова:

 

xx-smali – сверхмелкий;
x-smail – очень мелкий;
Small – мелкий;
Medium – седний;
Large – купный;
х-large – очень крупный;
xx-large – сверхкрупный.

 

Следует отдавать предпочтение относительным величинам для того, чтобы пользователь, используя настройки браузера, смог установить для себя ком­фортный размер текста.

Цвет

Стилевые свойства поддерживают три формы указания цвета:

· ключевое слово, например, white;

· шестнадцатеричный RGB-код, например, #eeesdb;

· десятичный RGB-код, например, rgb(255, 64, 0).

color – определяет цвет элемента.

background-color – определяет цвет фона, на котором выводится элемент.

 

Теоретические материалы закрепляются выполнением серии лабораторно-практических работ, листинги которых приведены ниже.

Листинг 1

< HTML>

< HEAD>

<! -- Подключение свойств CSS -->

< STYLE type=" text/css" >

<! --

P

{ font-family: " Arial Cyr", Helvetica, sans-serif;

font-size: 0.5cm;

color: blue; line-height: 2;

background-color: yellow; text-align: center;

}

-->

< /STYLE>

< TITLE> Пример 4< /TITLE>

< /HEAD>

< BODY bgcolor=white text=black>

< P> Тестирование - это защитная сеть вокруг вашей программы,

Последняя и, порой, единственная надежда на серьезное

Повышение ее качества до того, как она выйдет в свет(Лу Гринзоу

" Философия программирования").

< H6 style=" color: red; background-color: silver;

letter-spacing: 20px" >

Тестирование - это форма приема экзамена< /H6>

< /BODY>

< /HTML>

 

Результат работы этой программы представлен на рис. 2.5.

Текст

letter-spacing – определяет добавочное расстояние между буквами. Допускается исполь­зо­вать ключевое слово normal или задавать произвольное расстояние, в том числе и со зна­ком минус (наложение символов). Процентная запись не до­пускается.

Рис. 5. Свойства стилевых определений

line-height – определяет расстояние между строками (интерлиньяж). Можно задавать абсолютную высоту (14pt), количество строк (1.4) или проценты от текущей высоты строки (200%). Например, двойной интервал между строками зада­ется как line-height: 2 или line-height: 200%. Допускается задание ключевого слова normal.

text-align – определяет способ горизонтального выравнивания текста.

Допустимы следующие значения:

left – по левому краю;

right – по правому краю;

center – по центру;

justify – по ширине.






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.