Дмитрий Кудрец - Основы CSS

Здесь есть возможность читать онлайн «Дмитрий Кудрец - Основы CSS» — ознакомительный отрывок электронной книги совершенно бесплатно, а после прочтения отрывка купить полную версию. В некоторых случаях можно слушать аудио, скачать через торрент в формате fb2 и присутствует краткое содержание. ISBN: , Жанр: Прочая околокомпьтерная литература, Справочники, на русском языке. Описание произведения, (предисловие) а так же отзывы посетителей доступны на портале библиотеки ЛибКат.

Основы CSS: краткое содержание, описание и аннотация

Предлагаем к чтению аннотацию, описание, краткое содержание или предисловие (зависит от того, что написал сам автор книги «Основы CSS»). Если вы не нашли необходимую информацию о книге — напишите в комментариях, мы постараемся отыскать её.

В книге рассказывается об использовании таблиц стилей, позиционирования и фильтров в HTML-документах.Рекомендована для учащихся школ, гимназий, а также для всех желающих расширить свои знания о языке HTML.

Основы CSS — читать онлайн ознакомительный отрывок

Ниже представлен текст книги, разбитый по страницам. Система сохранения места последней прочитанной страницы, позволяет с удобством читать онлайн бесплатно книгу «Основы CSS», без необходимости каждый раз заново искать на чём Вы остановились. Поставьте закладку, и сможете в любой момент перейти на страницу, на которой закончили чтение.

Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

Создание специальных классов

Таблицы стилей позволяют не только задавать свойства отдельных элементов, но и создавать целые классы.

В данном примере используется селектор H1krasotaвместо обычного H1 Указанный - фото 6

В данном примере используется селектор H1.krasotaвместо обычного H1. Указанный стиль будет применяться к H1только там, где вы укажете атрибут CLASS.

Таким образом можно определять разные классы для одного и того же элемента.

Можно создать и универсальный класс привязанный к любому элементу и он будет - фото 7

Можно создать и универсальный класс, привязанный к любому элементу, и он будет использовать указанный стиль.

Элемент При работе с таблицами стилей также широко используется элемент - фото 8

Элемент

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

Например, < SPAN STYLE=«FONT-VARIANT: SMALL-CAPS»> Текст </ SPAN>,

или

< STYLE>

SPAN{FONT-FAMILY: arial, helvetica: FONT-SIZE: 12 pt}

</ STYLE>

можно использовать в качестве специфического элемента, к которому можно применить определенное форматирование.

Основы CSS - фото 9

На основе элемента можно создать класс.

Элемент можно использовать с определенными заранее независимыми классами - фото 10

Элемент можно использовать с определенными заранее независимыми классами.

Написав SPAN CLASSdr можно применить указанный стиль к тексту Точно так - фото 11

Написав < SPAN CLASS=«dr»>, можно применить указанный стиль к тексту. Точно так же универсальные классы можно применять и в любых других контейнерах.

С помощью элемента STYLEтега можно задавать выделение текста любым цветом:

Элемент еще один элемент который имеет отношение к стилям и применяется для - фото 12

Элемент

– еще один элемент, который имеет отношение к стилям и применяется для разделения всего HTML-документа на секции. По своей значимости и области действия он сопоставим с < BODY> или < HEAD>.

Элемент < DIV> может использоваться примерно так же, как < SPAN>. Для него могут быть определены правила таблиц стилей, он может иметь атрибут CLASS.

Элемент DIV может включать в себя совершенно разные типы контейнеров - фото 13

Элемент < DIV> может включать в себя совершенно разные типы контейнеров, например, такие, как < Р> и < UL>. Именно для этого он и предназначен – для разделения страницы на секции, выполненные в едином стиле.

Стилевое оформление страницы

Также параметры элемента

можно задавать в стиле.

Например,

< STYLE TYPE=«text/css»>

BODY

{

BACKGROUND-ATTACHMENT: fixed;

BACKGROUND-REPEAT: no-repeat;

BACKGROUND-POSITION: 13px 13px;

BACKGROUND-COLOR: #FFFF00

}

– >

</ STYLE>

BACKGROUND-COLOR:#ffff00; – определяет цвет фона всего документа в шестнадцатеричном виде или названиями цветов.

BACKGROUNDATTACHMENTFIXED определяет неподвижность фонового изображения - фото 14

BACKGROUND-ATTACHMENT:FIXED; – определяет неподвижность фонового изображения при прокрутке страницы. Параметр SCROLL – заставляет фоновое изображение двигаться при прокрутке документа.

BACKGROUND-REPEAT:NO-REPEAT; – данный параметр запрещает размножать изображение, убрав его, изображение будет размножено по всей странице. Параметр REPEAT позволяет повторять изображение во всех направлениях; REPEAT-X – только по горизонтали; REPEAT-Y – только по вертикали.

BACKGROUNDPOSITION13px 13px определяет позицию фонового изображения от - фото 15 BACKGROUNDPOSITION13px 13px определяет позицию фонового изображения от - фото 16

BACKGROUND-POSITION:13px 13px; – определяет позицию фонового изображения: от верхнего края и от левого края. В качестве значения этого свойства расстояние от левой и верхней границы видимой части экрана до изображения можно указать в пикселях, миллиметрах или сантиметрах.

Читать дальше
Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

Похожие книги на «Основы CSS»

Представляем Вашему вниманию похожие книги на «Основы CSS» списком для выбора. Мы отобрали схожую по названию и смыслу литературу в надежде предоставить читателям больше вариантов отыскать новые, интересные, ещё непрочитанные произведения.


Отзывы о книге «Основы CSS»

Обсуждение, отзывы о книге «Основы CSS» и просто собственные мнения читателей. Оставьте ваши комментарии, напишите, что Вы думаете о произведении, его смысле или главных героях. Укажите что конкретно понравилось, а что нет, и почему Вы так считаете.

x