Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
Поиск по сайту


 

   Интернет технологии -> CSS -> Введение в CSS


Селекторы

Итак, параметры и директивы CSS описываются по принятым в данном стандарте правилам в специальном файле с расширением ,css. Общий синтаксис записи стилей всех элементов HTML в таком файле выглядит следующим образом'
НАЗВАНИЕ ЭЛЕМЕНТА {свойство: значение;}
В качестве названий элементов принимаются, как правило, теги HTML. Например, если вы. хотите, чтобы все заголовки первого уровня в вашем html-документе отображались, синим цветом и имели раз - мер двадцать пикселов, присоединенный к web-страничке файл CSS должен включать следующую запись'
H1 {color: blue: font-Size: 20pt: } Такая директива CSS называется селектором. Все, что содержится в фигурных
скобках справа от названия элемента, принято называть для простоты определением селектора. Каждое определение содержит перечисление свойств и значений. Описания всех свойств и значений заключается в фигурные скобки и
разделяются точкой с запятой Очевидно, что селектор управляет внешней формой отображения объектов HTML и может содержать только те свойства и значения, которые характерны для того или иного элемента языка разметки гипертекста.
Группировка селекторов.
Если в нескольких разные селекторах используются ОДНИ и те же определения с помощью языка СSS CSS их можно сгруппировать между собой. Группировка селекторов в единую директиву осуществляются следующим образом; CIM'I.I iii идет перечисление через запятую всех элементу, использую илИ одинаковое определение, затем в фигурных скобках указываются их свойства и значения. Ниже приведены синтаксис записи и пример использования такой комбинированной директивы. 
НАЗВЙНИЕ ЭЛЕМЕНТА-1. НАЗВАНИЕ ЭЛЕМЕНТА-2, , НАЗВАНИЕ ЭЛЕМЕНТА-N {свойство: значение:}. 
Пример:
HI. H2. НЗ. Н4{font-family: Helvetica: color: red: -font-size: 30pt:} Аналогичным образом можно группировать между собой определения, вписывая их наподобие некой подпрограммы:
НАЗВАНИЕ ЭЛЕМЕНТА{
Определение-1:
Опредепение-2:
Определение-n, 1
На самом деле подобная запись идентична перечислению списка определений подряд, в одну строку, расположенную заранее названия элемента и ограниченную фигурными скобками, однако в развёрнутом варианте читать листинг файла CSS гораздо проще и удобнее. Вот пример такого оформления определений:
H1 {
Font-family: Helvetica :
Font-style: italic 
Font-size: 30pt:
Color: black:

Оглавление


 
 
Интересное в сети
 
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full

Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.
 
Rambler's Top100