Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Css » Selektory-tegov

Селекторы тегов

Селекторы тегов используются очень часто. В предыдущих уроках мы уже с вами их использовали (текст, списки, изображения и т.п.). В этом уроке я просто решил обобщить это понятие. В качестве селекторов тегов используются названия тегов HTML. Также как для классов и идентификаторов в скобках записывают стилевые свойства и их значения. Общий синтаксис написания такой:

тег { свойство1: значение; свойство2: значение; ... свойствоN: значение} 

Рассмотрим следующий пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <title>Атрибуты тегов</title>
  <style type="text/css">
   body {
    background: #f0f0f0;  /* цвет фона страницы */
   }
   P {
    color: green; /* Зеленый цвет текста */
    font-weight: bold; /* жирность шрифта текста*/
   }
  </style>
 </head>
 <body>  
  <p>Зеленый цвет текста на сером фоне</p>
 </body>
</html>

Результат будет следующим:

Применение селекторов тегов

В отличие от классов и идентификаторов размер букв в названии тегов не влияет на их отображение в браузере.



наверх