Главная страница  /  Занятия  /  #3  /  Внешние, внедренные и встроенные стили

Внешние, внедренные и встроенные стили

Задание:

Показать способы применения каскадных таблицы стилей к HTML-документу.

HTML–код (index.html):

   <!DOCTYPE html>
   
   <html lang="ru">
   
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Внешние, внедренные и встроенные стили</title>

     <link rel="stylesheet" href="styles.css">

     <style>

      .embeddedStyle	{ color: green; }

     </style>

    </head>
   
    <body>
     <p class="externalStyle">Первый абзац</p>
     <p class="embeddedStyle">Второй абзац</p>

     <p style="color: blue;">Третий абзац</p>

    </body>
   
   </html>

CSS–разметка (styles.css):

   .externalStyle		{ color: red; }

Результат:

Результат выполнения задания можно посмотреть здесь.