Самоучитель по HTML

Справочник HTML

         <HTML>
            <HEAD>
               <TITLE>Определение стилей через идентификаторы</TITLE>
               <STYLE>
                  #id1 {color: green;
                                   text-align: right;}
                  #id2 {color: red;
                               text-align: center;}
                  #id3 {color: violet;
                                     text-align: left}
               </STYLE>
            </HEAD>
            <BODY>
               <H1 id="id1">Зелёный шрифт справа.</H1>
               <P id="id2">Красный шрифт по центру.</P>
               <H2 id="id3">Фиолетовый шрифт слева.</H2>
            </BODY>
         </HTML>

#id

В данном примере после символов #id я указал произвольные имена (в данном примере это "1", "2", "3"), которые будут отвечать за стиль того или иного тега. В самом же теге я использовал атрибут id="...", в значение которого я ставил один из ранее указанных мною идентификаторов. Таким образом меняется стиль тега.

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

Предыдущая страница Следующая страница

Вы можете свободно использовать фрагменты сайта, с условием размещения ссылки на наш сайт:
<a href="http://tri222.narod.ru"><b>Самоучитель по созданию Web-страниц.</b></a>

Хостинг от uCoz

Самоучитель по HTML

Справочник HTML

Оглавление:

CSS

Определение стилей через индентификаторы