Tag-ul style

Tag-ul style permite scrierea CSS direct în interiorul paginii HTML. Rețineți că în interiorul tag-ului style scriem, respectând sintaxa limbajului CSS (selectori, acolade și așa mai departe).

Acest tag trebuie plasat în interiorul tag-ului head, cu toate acestea, acest lucru nu este obligatoriu - tag-ul style poate fi plasat și în interiorul tag-ului body și va funcționa.

Nu se recomandă abuzarea tag-ului style - în locul lui, cel mai adesea, ar trebui utilizat un fișier CSS separat.

Exemplu

Să scriem CSS în interiorul codului HTML cu ajutorul tag-ului style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Acesta este titlul paginii</title>
    <style>
      p {
        color: red; 
      }
     </style>
  </head>
  <body>
    <h1>Acesta este un titlu de culoare standard (neagră).</h1>
    <p>Acesta este un paragraf de culoare roșie.</p>
  </body>
</html>

Vezi și

  • tag-ul link,
    care conectează fișiere CSS
  • atributul style,
    care stabilește stiluri pentru un tag specific