Teghi style

Teghi style inaruhusu kuandika CSS moja kwa moja ndani ya ukurasa wa HTML. Zingatia kuwa ndani ya teghi style tunaandika, kuzingatia sintaksia ya lugha ya CSS (wateule, mabano ya curly na kadhalika).

Teghi hii inapaswa kuwekwa ndani ya teghi head, lakini hii si lazima - teghi style inaweza kuwekwa ndani ya teghi body na hii itafanya kazi.

Haupaswi kutumia vibaya teghi style - badala yake mara nyingi inapaswa kutumika faili tofauti ya CSS.

Mfano

Wacha tuandike CSS ndani ya msimbo wa HTML kwa kutumia teghi style:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Huu ni kichwa cha tajiri</title>
    <style>
      p {
        color: nyekundu; 
      }
     </style>
  </head>
  <body>
    <h1>Huu ni kichwa cha rangi ya kawaida (nyeusi).</h1>
    <p>Huu ni aya ya rangi nyekundu.</p>
  </body>
</html>

Angalia pia