Классы в css

В этом уроке мы научимся создавать классы для тегов. Классы нужны для того, чтобы создавать различные стили оформления для одного и того же тега, например, у нас на странице имеется два блока <div>...</div>, у первого блока нам нужно сделать серый фон, а у второго блока нужно сделать желтый фон. Для этого мы добавляем класс для первого блока, например, gray, и класс для второго блока, например, yellow. Классы для тегов добавляются таким образом: <div class="gray">...</div>. Далее в стилях мы должны прописать цвет фона для каждого из классов. В css класс начинается с точки: .gray {...}, можно и так записать: div.gray {...}. Рассмотрим на простом примере. Создайте в html-шаблоне два блока:

Классы в css

Далее создаем файл для стилей style.css, и в нем прописываем стили для наших классов:

Классы в css

Сохраняем все изменения и открываем шаблон в барузере:

Классы в css

Таким образом мы можем задавать классы и для других тегов. 

В дальнейшем для создания разметки страницы, мы будем использовать классы, т.е. для шапки будет блок с классом header, для подвала блок с классом footer и т.д. В следующем уроке создадим фиксированный макет с одной колонкой.

Видеоматериал по этому уроку:

http://youtu.be/VTne8BLGYzg

Источник: http://psd-html-css.ru/css/klassy-v-css

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Классы в css | | 2012-03-29 10:30:00 | | Статьи Web-мастеру | | В этом уроке мы научимся создавать классы для тегов. Классы нужны для того, чтобы создавать различные стили оформления для одного и того же тега, например, у нас на странице имеется два блока ..., у | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: