|
   |
| Форум Общение О разном Что такое class в CSS (Урок №4) (Что такое class в CSS (Урок №4)) |
| Что такое class в CSS (Урок №4) |
Полное имя: влад ященков
Ранг: Рядовой ICQ: нет данных Skype: нет данных Вконтакте: нет данных 
Пользователь
Сообщений: 17
Награды: 0
» 0 «
Классы дают разработчикам уникальную возможность изменять любой элемент в HTML документе. Селектор класса всегда начинают записывать с точки. Общий синтаксис написания такой:
Выделить код .имя_класса { свойство1: значение; свойство2: значение; ... свойствоN: значение;} Если же требуется использовать совместно какой-нибудь тег с классом, то синтаксис написания будет следующим: Выделить код Тег.Имя класса { свойство1: значение; свойство2: значение; ... свойствоN: значение;} Имена названий классов могут содержать латинские буквы, целые числа от 0 до 9, а также знаки дефиса (-) и подчеркивания (_). Названия классов могут начинаться только с буквы или подчеркивания. Чтобы присвоить к какому-нибудь тегу определенный класс достаточно к тегу HTML добавить атрибут Выделить код class="имя класса". Покажу вам на премере: .text { color:#EAEAEA /* цвет текста*/ border-top: 1px #fff4e2 solid; /* стили верхней стороны рамки */ border-left: 1px #fff4e2 solid; /* стили левой стороны рамки */ border-bottom: 3px #fff4e2 solid; /* стили нижней стороны */ } Так же CSS можно включать и внутрь HTML документа: <html> <head> <title>Классы в CSS</title> </head> <style type="text/css"> .text { color:#EAEAEA /* цвет текста*/ border-top: 1px #fff4e2 solid; /* стили верхней стороны рамки */ border-left: 1px #fff4e2 solid; /* стили левой стороны рамки */ border-bottom: 3px #fff4e2 solid; /* стили нижней стороны */ } </style> <div class="text">Урок по классам в CSS"</div> </body> </html> Мы поставили класс в Выделить код <div> . Теперь он этот текст у нас будет покрыт такими стилями, которые мы задали. Урок окончен. 
|
| |||
| |||
