En un full .css el codi que un sempre es trobarà seguirà la següent estructura. El nom de l'etiqueta o classe de l'HTML seguit de { }, i a l'interior tot el que se li vulgui aplicar.
Propietats bàsiques:
color
Per canviar el color del text.
background-color
Per canviar el color del fons.
font-size
Modificar la mida del text
font-family
Modificar l’estil del text
text-decoration
Per afegir, treure extres al text (subratllat, ratllat, res…)
list-style-type
Per canviar l’estil de les llistes no ordenades (punts, quadrat, cercle…)
text-align
Per modificar l’estructura del text. Si és justificat, centrat o enganxat a la dreta o esquerra.
Si és una classe començant amb un punt i es poden posar varies separades per coma. Ex: .titol, h2, h3 { ... Per afegir comentaris en CSS és /* comentari */.
Un cop està fet el codi perquè es pugui aplicar a la web, s'ha d'escriure l'etiqueta link de la imatge en el codi HTML, on rel li diu que se li està enllaçant un full d'estils i el href la direcció d'aquest.
Com a característica, com que en HTML també es pot determinar els estils, els navegadors en tenen de predeterminats, les modificacions tenen prioritat. Seguint una jerarquia:
El determinat del navegador
Definits per l'usuari
Fulls d'estil externs (aquest que estem programant)
Específics de la pàgina
En línia
Activitats per començar a fer CSS: