Tema 1. Stiluri
Generalităţi
Stiluri inline
Folosirea inline a stilurilor se realizează cu ajutorul atributului STYLE, care poate fi scris în interiorul majorităţii etichetelor.
Exemplul 1
<HTML>
<Body>
<P Style="color: red"> Primul paragraf
<P Style="color: green"> Al doilea paragraf
<P Style="color: blue"> Al treilea paragraf
<P Style="color: black"> Al patrulea paragraf
</Body>
</HTML>
Stiluri înglobate
Exemplul 2
<HTML>
<Head>
<Style type = ”text/css”>
P {color: green; font-size: 12pt}
H1 {color: red; font-size: 18pt}
H2 {color: blue; font-size: 15pt}
</Style>
</Head>
<Body>
<P> Un paragraf</P>
<H1>Text-nivel de titlu 1</H1>
<H2>Text-nivel de titlu 2</H2>
</Body>
</HTML>
Stiluri externe
Exemplul 3
Documentul .html din exemplul 2 putea fi scris astfel:
Creăm fişierul stiluri.css cu următorul conţinut:
P {color: green; font-size: 12pt}
H1 {color: red; font-size: 18pt}
H2 {color: blue; font-size: 15pt}
Scriem conţinutul documentului .html:
<HTML>
<Head>
<Link Rel="stylesheet"
Href="stiluri.css"
Type="text/css">
</Head>
<Body>
<P> Un paragraf</P>
<H1>Text-nivel de titlu 1</H1>
<H2>Text-nivel de titlu 2</H2>
</Body>
</HTML>
...