Типы стилей

Типы стилей CSS


   Типы стилей CSSВстраивание (inline)  

Типы, вариации, описания стилей можно встроить в различные теги html,  для которых стиль имеет смысл, например:

для объявления абзацев, заголовков, ячеек таблицы и т.д.

В следующем примере демонстрируется дескриптор - (тег) объявления абзаца с добавлением к нему атрибута STYLE, для получения необходимого эффекта.

   <p style="color: red"> текст красного цвета </p>

 

Типы стилей

Внедрение (embed), обеспечивающее контроль над страницей HTML.

Использование дескриптора <STYLE> в пределах раздела <HEAD> страницы позволяет детально описать атрибуты, применяемые ко всей странице стиля.


   <html> 
    <head>
      <style>
         <! --
          p{color: red}
        -->
       </style>
     </head>
      <body>
       <p>текст красного цвета</p>
      </body>
   </html>

Типы стилей в CSS

 Связанные (link) стили, называемые также внешними, являются развитием внедренных стилей.

При этом используется тот же дескриптор STYLE, что и ранее, но все описания хранятся в отдельном файле (обычно с расширением .css).

Сам файл либо должен располагаться в корневом каталоге узла, либо вы должны корректно определить связь с ним в HTML-документах.

   <html>
     <head>
       <link rel="stylesheet" href="/style.css" type="text/css" >
     </head>
     <body>
       <p>текст красного цвета</p>
     </body>
   </html>

style.css должен содержать:

    p{color: red}