Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
16-32.docx
Скачиваний:
3
Добавлен:
01.05.2025
Размер:
57.64 Кб
Скачать

Свойства текста в css: letter-spacing

Свойство LETTER-SCPACING позволяет создавать расстояние между буквами текущего элемента. В качестве значения может принимать числовое значение из доступных единиц измерения.

Значения

Число числовое значение в допустимых единицах измерения

Inherit значение определяется значением родительского элемента

Normal значение определяет нормальное расстояние между буквами

24. Создание слоев при помощи css. Границы, заполнители и рамки. Позиционирование элементов.

Чтобы создать слой, мы должны использовать либо тэг <layer> либо <ilayer>.

Тэг <layer> используется для тех слоев, которые Вы можете точно позиционировать. Если же Вы не указываете положение слоя (с помощью параметров left и top), то по умолчанию он помещается в верхний левый угол окна. Тэг <ilayer> создает слой, положение которого определяется при формировании документа.

Свойства границы задают размеры границы объемлющего прямоугольника. Все они имеют тип <размер-границы>, который определяется следующим образом:

<размер-границы> = <размер> | <процент> | auto

<размер>

Задает фиксированный размер.

<процент>

Вычисляется относительно ширины вмещающего блока, даже для вертикальных границ.

auto

Свойства заполнителя задают размеры заполнителя объемлющего прямоугольника. Все они имеют тип <размер-заполнителя>, который определяется следующим образом:

<размер-заполнителя> = <размер> | <процент>

<размер>

Задает фиксированный размер.

<процент>

Вычисляется относительно ширины вмещающего блока, даже для вертикальных границ.

В отличие от размеров границ, размеры заполнителей не могут быть отрицательными.

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

  • Размер рамки: border-top-width, border-bottom-width, border-left-width, border-right-width и border-width.

  • Цвет рамки: border-top-color, border-bottom-color, border-left-color, border-right-color и border-color.

  • Стиль рамки: border-top-style, border-bottom-style, border-left-style, border-right-style и border-style.

  • Сокращения: border-top, border-bottom, border-left, border-right и border.

Позиционирование:

Край содержимого или внутренний край

Ограничивает отображаемое содержимое элемента.

Край заполнителя

Ограничивает заполнитель прямоугольника. Если ширина заполнителя равна 0, то край заполнителя совпадает с внутренним краем элемента. Прямоугольник, ограниченный краем заполнителя, иначе называется вмещающим блоком элемента.

Край рамки

Ограничивает рамку прямоугольника. Если ширина рамки равна 0, то край рамки совпадает с краем заполнителя элемента.

Край границы или внешний край

Ограничивает границу прямоугольника. Если ширина границы равна 0, то край границы совпадает с краем рамки элемента.

25. Приемы верстки с помощью тега “div”.

При использовании слоев существенное значение уделяется универсальному тегу <div>, который выполняет множество функций. Фактически это основа, на которую «навешиваются» стили.Совершенно не значит, что применяется только один этот тег, нужно ведь и рисунки вставлять и оформлять текст. Но при верстке с помощью слоев тег <div> является кирпичиком верстки, ее базовым фундаментом.

Благодаря этому тегу HTML-код распадается на ряд четких наглядных блоков, за счет чего верстка слоями называется также блочной версткой. Код при этом получается более компактным, чем при табличной верстке, к тому же поисковые системы его лучше индексируют.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]