Студопедия

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

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

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






  • 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 :: Мои Лекции
    Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
    Копирование текстов разрешено только с указанием индексируемой ссылки на источник.