... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 
Яндекс.Метрика
 
 

Возможности CSS1

 

 

Возможности CSS1  ||   Возможности CSS2  ||   Включение CSS в HTML  


Первая реализация таблиц стилей предоставляла возможность выбора элемента, к которому применяется стиль по следующим признакам.
  • К любому элементу заданного типа, например ко всем заголовкам HI.
  • К определенному классу элемента. Класс определяется заданием атрибута class внутри элемента HTML.

    <Р class="blue">Teкст параграфа будет синим</Р>

  • К уникальному элементу, определенному идентификатором внутри элемента HTML при помощи атрибута id.

    <Н1 id="unique">Уникальный заголовок</Н1>

  • К элементам, находящимся непосредственно внутри другого элемента (или в контексте другого элемента). Например, для всех элементов STRONG, находящихся внутри элемента параграфа, можно задать выделение не жирным шрифтом, а красным цветом.

    <Р>Можно задать <STRONG>выдeлeниe</STRONG> внутри текста</Р>

  • К первой букве элемента, т.е. создавать буквицы.
  • К первой строке элемента.
  • К активным, посещенным и не посещенным ссылкам.

Блоковая модель была реализована таким образом, что позволяла задавать:

  • размеры блоков;
  • размеры отступов, полей и рамок;
  • тип и цвет рамок;
  • позиционирование блоков: выравнивание и обтекание текстом.

Для управления шрифтом были доступны такие параметры:

  • начертание и насыщенность (степень жирности);
  • размер в разных единицах измерения;
  • гарнитура шрифта.

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

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

Для списков можно устанавливать тип маркера и использовать в качестве маркера любое графическое изображение, подключаемое из файла.

 

Возможности CSS1  ||   Возможности CSS2  ||   Включение CSS в HTML  

 

Наверх страницы

 

Уроки CSS © 2007 - 2017 г. Все права защищены