кітабын онлайн тегін оқу Основы CSS

Кітап туралы Пікірлер3 Дәйексөздер4 Қазір оқып жатыр847 Сөрелерде Тегін фрагмент

Шрифты предоставлены компанией «ПараТайп»

Составитель Дмитрий Артемович Кудрец

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

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

12+

Основы CSS
Каскадные таблицы стилей
1. Создание специальных классов
Стилевое оформление страницы
Стилевое оформление текстов
1. Свойства цвета и фона
2. Эффекты оформления шрифта
3. Размещение элементов
4. Абзацный отступ
5. Интервалы
6. Преобразование регистра
7. Свойства шрифтов
8. Атрибут LANG
9. Направление текста
10. Первая буква, первая строка
Стили списков
Стили ссылок
Стили изображений
Табличные стили
1. Курсоры в таблицах
Позиционирование элементов и слои
1. Наложение элементов
2. Использование элемента ID
Фильтры
1. Фильтры, применяемые к тексту
2. Фильтр Mask
3. Фильтр DropShadow
4. Фильтр FlipH
5. Фильтр FlipV
6. Фильтр Glow
7. Фильтр Wave
8. Фильтр Blur
Фильтры, применяемые к изображению
1. Фильтр Alpha
2. Фильтр Blur
3. Фильтр Invert
4. Фильтр Gray
5. Фильтр Chroma
6. Фильтр Xray
7. Фильтр RevealTrans

Каскадные таблицы стилей

При оформлении HTML-документов приходится по нескольку раз прописывать однотипные теги. Использование каскадных таблиц стилей (CSS) позволяет значительно упростить эту работу. Поддержка стандарта каскадных таблиц стилей и их программируемых элементов появилась, начиная с версии 4.0 и Netscape, и Internet Explorer.

Существует три основных варианта использования таблиц стилей.

Вариант первый

Описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS — возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.

<P STYLE=«font-size: 12 рt»> Добро пожаловать на мой сайт. </Р>

Если нужно задать сразу несколько свойств, их разделяют точкой с запятой:

Атрибут STYLE применяется лишь тогда, когда нужно изменить свойства одного-двух конкретных элементов, расположенных в конкретном месте страницы.

Вариант второй

Если необходимо многократное применение заданного стиля, его описание таблиц стилей размещается в разделе <HEAD> в теге <STYLE TYPE=«text/css»> … </STYLE>. Параметр TYPE=«text/css» является обязательным и служит для указания броузеру использовать CSS.

<STYLE TYPE=«text/css»>

Р {FONT-STYLE: SMALL-CAPS}
</STYLE>

Выбра

...