[#1 Introduccion - Curso CSS3 desde cero]

Contenuto guida:

  • presentazione corso

 

      

[#2 Un poco de historia de CSS - Curso de CSS3 desde cero]

Contenuto guida: 

  • storia dei CSS ... nascono nel 1966
  • facilitano aggiornamento di un sito
  • oggi siamo arrivati alla versione CC3

 

      

[#3 Conceptos básicos - Curso de CSS3 desde cero]

Contenuto guida: 

  • un esempio di stile:
<P style= "margin-left:20px;"> qui scrivi il testo <p>
  • elemento "in linea" (solo per questo paragrafo)
  • sposta il paragrafo di 20 pixel verso destra (aumenta il margine sinistro)
  • esempio di stile interno (per tutta la pagina)
<style>
p {color:#ffffff; font-size:9pt}
body {background-color:#ddddddd; margin:0; padding:0;}
</style
  • terzo tipo ... foglio esterno
<link rel="stylesheet" href="nome del foglio css esempio esterno.css">
  • esempio di contenuto del foglio css esterno
  • [min. 9.33] i commenti si indicano così:
/* questo è un commento */ 


      

[#4 Selectores básicos de CSS - Curso de CSS3 desde cero]

Contenuto guida: 

  • ho una pagina html collegata ad un foglio di stile...
  • se voglio applicare degli stili a tutti gli elementi (salvo sovrascrivere stili  per singoli elementi) uso "*" ...
<head>
<style>
* {
    background-color: yellow;
margin: 0;
}
</style>
</head>
  • applica vari stili al body, alle intestazioni ed ai paragrafi
  • esempio con un elemento discendente (applicato solo se interno ad un altro elemento)
H1 span  {text-decoration: underline;} 
  • si applica solo ad uno span interno ad un H1