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:

 

P  {color: green; font-size: 12pt}

H1 {color: red; font-size: 18pt}

H2 {color: blue; font-size: 15pt}

 

<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>

...