Основы CSS
Дмитрий Артемович Кудрец В книге рассказывается об использовании таблиц стилей, позиционирования и фильтров в HTML-документах.Рекомендована для учащихся школ, гимназий, а также для всех желающих расширить свои знания о языке HTML.
Основы CSS
Составитель Дмитрий Артемович Кудрец
ISBN 978-5-4496-2174-0 Создано в интеллектуальной издательской системе Ridero
Каскадные таблицы стилей
При оформлении HTML-документов приходится по нескольку раз прописывать однотипные теги. Использование каскадных таблиц стилей (CSS) позволяет значительно упростить эту работу. Поддержка стандарта каскадных таблиц стилей и их программируемых элементов появилась, начиная с версии 4.0 и Netscape, и Internet Explorer. Существует три основных варианта использования таблиц стилей. Вариант первый Описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим. Мой сайт
Добро пожаловать на мой сайт. Р>
Если нужно задать сразу несколько свойств, их разделяют точкой с запятой:
Атрибут STYLE применяется лишь тогда, когда нужно изменить свойства одного-двух конкретных элементов, расположенных в конкретном месте страницы. Вариант второй Если необходимо многократное применение заданного стиля, его описание таблиц стилей размещается в разделе
в теге . Параметр TYPE=«text/css» является обязательным и служит для указания броузеру использовать CSS.
Выбранный элемент (в данном случае <Р>) в терминах CSS называется селектором, а все, что располагается между фигурными скобками, – определением. Все вместе называется правилом. Селекторы это те буквы, из которых состоят определения элементов HTML: P, H1, UL и т. д. При создании правила вы сопоставляете выбранному элементу определение стиля. Например, UL {List-Style: Disc} Элемент можно использовать в качестве специфического элемента, к которому можно применить определенное форматирование.
На основе элемента можно создать класс.
Элемент можно использовать с определенными заранее независимыми классами.
Написав , можно применить указанный стиль к тексту. Точно так же универсальные классы можно применять и в любых других контейнерах. С помощью элемента STYLE тега … можно задавать выделение текста любым цветом:
Элемент
– еще один элемент, который имеет отношение к стилям и применяется для разделения всего HTML-документа на секции. По своей значимости и области действия он сопоставим с или . Элемент
может использоваться примерно так же, как . Для него могут быть определены правила таблиц стилей, он может иметь атрибут CLASS.
Элемент
может включать в себя совершенно разные типы контейнеров, например, такие, как <Р> и
. Именно для этого он и предназначен – для разделения страницы на секции, выполненные в едином стиле.
Стилевое оформление страницы Также параметры элемента можно задавать в стиле. Например,
BACKGROUND-COLOR: #ffff00; – определяет цвет фона всего документа в шестнадцатеричном виде или названиями цветов.
BACKGROUND-ATTACHMENT: FIXED; – определяет неподвижность фонового изображения при прокрутке страницы. Параметр SCROLL – заставляет фоновое изображение двигаться при прокрутке документа. BACKGROUND-REPEAT: NO-REPEAT; – данный параметр запрещает размножать изображение, убрав его, изображение будет размножено по всей странице. Параметр REPEAT позволяет повторять изображение во всех направлениях; REPEAT-X – только по горизонтали; REPEAT-Y – только по вертикали.
BACKGROUND-POSITION: 13px 13px; – определяет позицию фонового изображения: от верхнего края и от левого края. В качестве значения этого свойства расстояние от левой и верхней границы видимой части экрана до изображения можно указать в пикселях, миллиметрах или сантиметрах.
Конец ознакомительного фрагмента. Текст предоставлен ООО «ЛитРес». Прочитайте эту книгу целиком, купив полную легальную версию (https://www.litres.ru/dmitriy-kudrec/osnovy-css/) на ЛитРес. Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.
О книге: В книге рассказывается об использовании таблиц стилей, позиционирования и фильтров в HTML-документах.Рекомендована для учащихся школ, гимназий, а также для всех желающих расширить свои знания о языке HTML.