HTML тег <style>

Тег style в HTML

Для того чтобы задать стилевые характеристики элементам web-страницы, используется тег <style>. Этот тег размещается внутри контейнера <head>. Тег <style> можно записывать несколько раз внутри соответствующего контейнера.

Пример использования тега <style>

Вставка CSS

  <!DOCTYPE HTML>
  <html>
    <head>
      <meta charset="utf-8">
      <title>Тег STYLE</title>
      <style type="text/css">
      html, body {
          height: 100%;
          margin: 0;
          padding: 0;
          background-color: #eaeaea;
          font-family: Arial, Helvetica, sans-serif;	
      }
      body {
          padding-top: 25px;
          padding-left: 65px;
      }
      p{
          margin: 17px 0px;
          font-size: 36px;
          font-weight: bold;
      }
      .letter{
          color : #F00;
          font-weight: bold;
          font-family: "Courier New", Courier, monospace;
      }
      </style>
    </head>
    <body>
      <p>
        HTML тег <span class="letter">&lt;style&gt;</span>
      </p>
    </body>
  </html>