Stiluri HTML. Proprietăţiile CSS folosite pentru definirea stilurilor: color, font-family, font-size, text-align.

Susține Lectii-Virtuale!

Culoarea textului (Text Color)

Proprietatea CSS color definește culoarea textului pentru un element HTML:

Exemplu:

<h1 style = "color: blue;"> Acesta este un titlu </h1>
<p style = "color: red;"> Acesta este un paragraf. </p>

Fonturi

Proprietatea CSS font-family definește fontul care va fi folosit pentru un element HTML:

Exemplu:

<h1 style = "font-family: verdana;"> Acesta este un titlu </h1>
<p style = "font-family: courier;"> Acesta este un paragraf. </p>

Mărimea textului (Text Size)

Proprietatea CSS font-size definește dimensiunea textului pentru un element HTML:

Exemplu:

<h1 style = "font-size: 300%;"> Acesta este un titlu </h1>
<p style = "font-size: 160%;"> Acesta este un paragraf. </p>

Aliniere text (Text Alignment)

Proprietatea CSS text-align definește alinierea textului orizontal pentru un element HTML:

Exemplu:

<h1 style = "text-align: center;"> Titlu centrat </h1>
<p style = "text-align: center;"> Paragraf centrat. </p>

Rezumat:

• Utilizați atributul style pentru stilul elementelor HTML.
• Utilizați background-color pentru culoarea de fundal.
• Utilizați color pentru culorile textului.
• Utilizați font-family pentru fonturile textului.
• Utilizați font-size pentru dimensiunile textului.
• Folosiți text-align pentru alinierea textului.