IMPORTANT: Per accedir als fitxer de subversion: http://acacha.org/svn (sense password). Poc a poc s'aniran migrant els enllaços. Encara però funciona el subversion de la farga però no se sap fins quan... (usuari: prova i la paraula de pas 123456)

Introducció

CSS es l'acrònim de Cascading Style Sheets. Css es un llenguatge que descriu l'estil d'un fitxer html.

Te com a objectiu de separar el codi html del estil.

Capes del CSS

El CSS es un Clar exemple de Separtion of concerts
1409729756css three-layers.png

Capa de contingut

La capa de contingut està sempre present. Es compon de la informació que l'autor vol transmetre a la seva audiència, i s'insereix dins d'HTML o XHTML que defineix la seva estructura i la semàntica. La major part del contingut a la Web avui en dia és el text, però el contingut també es pot proporcionar a través d'imatges, animacions, so, vídeo, i qualsevol altra cosa que un autor vol publicar.

capa de presentació

La capa de presentació defineix com el contingut apareixerà a un ésser humà que accedeix el document en una forma o altra. La forma convencional de veure una pàgina web és un navegador web normal, per descomptat, però això és només un dels molts mètodes d'accés possibles. Per exemple, el contingut també es pot convertir en veu sintètica per als usuaris que pateixen de trastorns o dificultats en la visió de lectura.

capa de comportament

La capa de comportament implica la interacció de l'usuari en temps real amb el document. Aquesta tasca és normalment manejat per JavaScript. La interacció pot ser qualsevol cosa des d'una validació trivial que assegura un camp obligatori està buit abans d'un formulari de comanda pot ser enviat, a sofisticades aplicacions web que funcionen de la mateixa manera que els programes d'escriptori normal.

Historia

Evolució de CSS

CSS1

La primera especificació oficial de CSS, recomanada per la W3C va ser CSS1, publicada al desembre 1995, i abandonada a l'abril de 2008. Algunes de les funcionalitats que ofereix són:

  • Propietats de les fonts, com tipus, mida, èmfasi ...
  • Color de text, fons, vores o altres elements.
  • Atributs del text, com espaiat entre paraules, lletres, línies, etcètera.
  • Alineació de textos, imatges, taules o altres.
  • Propietats de caixa, com marge, vora, farcit o espaiat.
  • Propietats d'identificació i presentació de llistes.

CSS2

L'especificació CSS2 va ser desenvolupada per la W3C i publicada com a recomanació al maig de 1998, i abandonada a l'abril de 2008.18

Com a ampliació de CSS1, es van oferir, entre altres:

Les funcionalitats pròpies de les capes (
) com de posicionament relatiu / absolut / fix, nivells (z-index), etcètera.

El concepte de "mitja types". Suport per als fulls d'estil auditives Text bidireccional, ombres, etcètera.

CSS2.1

La primera revisió de CSS2, usualment coneguda com "CSS 2.1", corregeix alguns errors trobats en CSS2, elimina funcionalitats poc suportades o inoperables en els navegadors i afegeix alguna nova especificació.

D'acord al sistema d'estandardització tècnica de les especificacions, CSS2.1 va tenir l'estatus de "candidat" (candidate Recommendation) durant diversos anys, però la proposta va ser rebutjada al juny de 2005; al juny de 2007 va ser proposada una nova versió candidata, i aquesta actualitzada el 2009, però al desembre de 2010 va ser novament rebutjada.

A l'abril de 2011, CSS 2.1 va tornar a ser proposada com a candidata, i després de ser revisada pel W3C Advisory Committee, va ser finalment publicada com recomanació oficial el 7 de juny de 2011.

CSS3

A diferència de CSS2, que va ser una única especificació que definia diverses funcionalitats, CSS3 està dividida en diversos documents separats, anomenats "mòduls".

Cada mòdul afegeix noves funcionalitats a les definides en CSS2, de manera que es preserven les anteriors per mantenir la compatibilitat.

Els treballs al CSS3, van començar alhora que es va publicar la recomanació oficial de CSS2, i els primers esborranys de CSS3 van ser alliberats al juny de 1999.

A causa de la modularització del CSS3, diferents mòduls poden trobar-se en diferents estats del seu desenvolupament, de manera que a dates de novembre de 2011, hi ha al voltant de cinquanta mòduls publicats, tres d'ells es van convertir en recomanacions oficials de la W3C el 2011: " selectors "," Espais de noms "i" Color ".

Alguns mòduls, com "Fons i colors", "Consultes de mitjans" o "Dissenys multicolumna" estan en fase de "candidats", i considerats com raonablement estables, a finals de 2011, i les seves implementacions en els diferents navegadors són assenyalades amb els prefixos del motor del mateix.


Com utilitzar CSS en un fitxer HTML?

Al insertar codi CSS en pagines tenim quatre opcions:

  • inline: Es una opció cutre pero s'utilitza per anar rapid.
  • Embedded
  • External
  • @import

Incrustat al tag (inline)

<p style= "padding-bottom:12px; ">Hola</p>

Incrustatal head (embedded)


 <head>
<style>
p { padding-bottom:12px; }
</style>
</head> 


Fent una importació d'un fitxer extern (external):

Hi ha dos opcions:

<link href="myCSSfile.css" rel="stylesheet" type="text/css" />

o

<style type= "text/css " media= "all ">
@import "myCSSfile.css ";
</style>

</pre>

Selectors


==Tecniques per crear layouts==