ВОПРОСЫ - Каскадные таблицы стилей
- 1.1. Стиль для отдельного тега
- 1.2. Стиль для отдельного HTML-файла
- 1.3. Стиль для нескольких HTML-файлов
- 1.4. Комбинирование стилей
- 2. Обзор свойств CSS
- Единицы измерения
- Шрифт font-family font-size
- Цвет color background-color
- Текст letter-spacing line-height text-align
- Поля и рамки border-style border-color
- border-width margin padding
I. Каскадные таблицы стилей - Современное оформление WWW-сайта невозможно представить без использования каскадных таблиц стилей. Каскадные таблицы стилей позволяют:
- Отделить оформление WWW-страниц от содержания
- Значительно расширить возможности стандартного HTML
- Технология CSS допускает, например, абсолютное позиционирование, т. е. позволяет выводить элементы на экран, используя реальные координаты. Программное изменение координат в объектной модели вызывает изменение положения элемента на экране.
- Можно задавать расстояния в мм, см или дюймах, пунктах, как нам удобно в применении.
- CSS — Cascading Style Sheets (каскадные таблицы стилей) — это средство, позволяющее отделить содержание гипертекстовых страниц от формы их представления на экране.
- CSS в паре со сценариями могут достичь такой динамичности и интерактивности, при которых гипертекстовое приложение становится практически неотличимо от мультимедийного продукта, созданного в профессиональных программах.
- «Скрипты», или «сценарии» – программные коды, оживляющие гипертекст, записанные на специальных языках программирования.
- JavaScript – популярный язык, коды которого можно встраивать в HTML-тексты.
- CSS со сценариями позволяют достичь такой динамичности и интерактивности, при которых гипертекстовое приложение становится прак-тически неотличимо от мультимедийного про-дукта, созданного в профессиональных прог-раммистских оболочках.
- CSS позволяет сократить объем HTML-файла за счет исключения из кода страницы тегов и атрибу-тов, ответственных за визуальное представление элементов на экране (теги: <font>, <center>, <в>, <i>, <s>, <U> и т. д. ; атрибуты: align, color, bgcolor, size, width, height и т. д);
- CSS предлагает гораздо больше средств для управления внешним видом элемента, чем обычные теги и атрибуты HTML;
- разработчик получает возможность менять внешний вид сотни гипертекстовых страниц, внося правки только в один файл с описаниями стилевых свойств.
- Стиль может быть размещен непосредственно в описании того или иного тега. Для этого исполь-зуется атрибут STYLE, который может быть применен к любому тегу, располагающемуся в секции BODY, включая и сам тег . Это так называемые "инлайновые" таблицы стилей.
- Существуют сл. виды указания стилей через этот атрибут:
- - Стиль для отдельного тега
- - Стиль для отдельного HTML-файла
- - Стиль для нескольких HTML-файлов
- - Комбинирование стилей
Достарыңызбен бөлісу: |