CSS és un full d'estil en cascada que s'utilitza per crear elements visuals en una pàgina de recursos d'Internet. La representació dels objectes especificats a CSS s’implementa en el llenguatge de marques HTML. Les taules en cascada no es poden utilitzar soles.
Utilitzant CSS
CSS és un llenguatge d'estil que implementa la representació d'elements de marcatge HTML. Les taules en cascada us permeten personalitzar opcions que no es poden canviar en HTML. Per exemple, amb l'idioma d'estil, podeu editar l'estil de la font, el color. CSS us permet establir marges, línies, farcit, amplada, elements de posició i realitzar la sortida d'aquests paràmetres que són impossibles d'implementar mitjançant HTML "pur".
Els fulls d'estil en cascada són compatibles amb gairebé tots els navegadors i s'utilitzen en gairebé qualsevol recurs web. Controlen la visualització del contingut mitjançant un idioma especificat i us permeten controlar la visualització d’elements per a diferents suports.
Si l'HTML només s'utilitza com a mitjà per estructurar el text d'una pàgina, CSS us permet personalitzar la visualització del contingut mostrat.
Sintaxi CSS i la seva inclusió en codi HTML
A l’hora de dissenyar una pàgina, és preferible utilitzar eines CSS sobre HTML. El fet és que HTML inicialment no tenia mitjans per editar el color dels elements i no tenia la intenció d’establir paràmetres de color i de visualització i, per tant, l’ús de descriptors HTML per crear un disseny pot ser considerat incorrecte per alguns desenvolupadors web.
CSS té una sintaxi diferent de l'HTML i s'inclou al codi de pàgina mitjançant etiquetes. També podeu integrar el codi CSS que es troba en un fitxer independent mitjançant l'etiqueta de paràmetres:
El codi CSS té una sintaxi determinada, que s'hauria de respectar estrictament, en cas contrari, els estils generats no es mostraran a la pàgina. Una secció de codi CSS es pot dividir en 3 elements principals: selector, propietat i valor. Aquests ítems s’escriuen de la següent manera:
selector {propietat: valor; }
El selector especifica el controlador al qual s'aplica la regla de visualització generada. El paràmetre de propietat defineix l'aspecte editable de l'element i el valor defineix l'opció corresponent per a la propietat. Per exemple, per canviar el color de l'encapçalament del segon nivell
HTML, podeu aplicar el codi següent:
h2 {color: vermell; }
Aquest codi estableix el color del text en vermell, que es troba al descriptor de capçalera de segon nivell.
CSS utilitza la taula de colors HTML estàndard.
A més d’utilitzar etiquetes, també podeu utilitzar etiquetes internes. Per exemple:
Encapçalament
Aquest codi és idèntic al descrit anteriorment, amb la diferència que els mateixos paràmetres CSS es van establir dins del descriptor necessari per a l'edició.
