Web-miss: Vanessa (vensy)
Opened: 18.05.2010
Theme: Blake Lively
Orders: OPEN
Coming soon
Выберите пакет услуг *:

Ваше имя/ник *:
Ваш e-mail *:
Ссылка на ваш сайт *:
Опишите то,что хотите видеть в дизайне(блоки,шапка) *:
Ссылки на качественные фото для дизайна(по желанию):
Названия ссылок для нав. меню на лого *:
Если вам нужны доп. услуги,то перечислите какие:
Код безопасности *:

200
Главная » Статьи » Помощь с HTML,CSS и Ucoz » Изучение и написание CSS стилей

Виды селекторов
Селекторы типа
Селекторы типа применяют стиль ко всем элементам с данным именем,присутствующим в документе.
Например:
p {font-family: arial; font-size: 9pt; color: #000000}
Этот стиль будет применяться ко всем элементам p(абзацам).
Селекторы класса
Селекторы класса очень часто применяются в CSS,рассмотрим это на примере рамки для картинок.
Вы хотите сделать красивую рамку для картинок,отлично,тогда если вы пропишите данный код,то он будет применяться для абсолютно всех картинок,включая шапку и части блоков(не очень-то красивое зрелище):
img {
background-color: 
#cfc7e1;
padding: 5px;
border: 1px solid 
#9f9bab;
margin: 3px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
}
Если вы хотите,чтобы данный стиль применялся лишь к некоторым картинкам,пропишем для этого класс,он обозначается точкой перед селектором:
.img {
background-color: 
#cfc7e1;
padding: 5px;
border: 1px solid 
#9f9bab;
margin: 3px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
}
Чтобы стиль был применен к картинке,пропишем это:
<img scr="ссылка" class="img"></img>
Селекторы ID
Они применяются одному лишь конкретному элементу,например:
<p id="tagline">Text goes here...</p>
Селектор ID обозначается решеткой(#) перед селектором:
#tagline{
color: #000000
}
Вот и все)
Категория: Изучение и написание CSS стилей | Добавил: vensy (27/06/12)
Просмотров: 382 | Комментарии: 1 | Рейтинг: 5.0/2
Всего комментариев: 1
+1   Спам
1 Summer-Girl   (04/07/12 02:16)
smile smile очень помогло

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]