Els fulls d’estil en cascada s’utilitzen per formatar el contingut d’una pàgina HTML. En conseqüència, totes les ordres utilitzades a CSS tenen com a objectiu editar l'aparença de qualsevol element d'un document HTML.
És necessari
Un ordinador amb connexió a Internet
Instruccions
Pas 1
Obteniu informació sobre com s’utilitzen els fulls d’estil en cascada. El format de text és la característica més utilitzada dels fulls d'estil en cascada. Qualsevol document HTML conté una gran quantitat d'informació textual en les seves diverses parts. Al mateix temps, cada part de la pàgina ha de tenir el seu propi format i tipus de lletra: una part del text és el text del menú, l’altra és el títol, la tercera és el text principal de la pàgina, etc. Per donar format a la informació de text, s’utilitzen ordres per canviar el nom de la font, la seva mida, pes, etc.
Pas 2
Per tant, primer de tot, fixeu-vos en el paràmetre d’estil font-family. Aquest atribut us permet establir un tipus de lletra específic per a aquesta etiqueta. El nom de la font s'escriu després del signe ":". L’atribut d’estil font-size s’utilitza per definir la mida del text contingut a l’etiqueta. El valor de mida també s'escriu després del signe ":" i s'indica en píxels, per exemple, "font-size: 20px".
Pas 3
Tingueu en compte que els paràmetres d’estil es poden concatenar i escriure junts mitjançant el signe “;”. Això és útil si cal establir diversos paràmetres per a una etiqueta.
Pas 4
Utilitzeu el color de l'atribut style per canviar el color del text. El nom del color s’escriu de manera estàndard: verd, blau, vermell, etc. També té la possibilitat d’establir el color no només del text en si, sinó també del color de fons. Amb aquest propòsit, s'utilitza l'atribut color de fons, després del qual també s'ha d'indicar el color seleccionat. Si voleu utilitzar una imatge, no un farciment, com a fons a l'àrea d'aquesta etiqueta, consulteu el paràmetre estil fons-imatge, especificant després la font de la imatge.
Pas 5
Conegueu una sèrie d’atributs d’estil que configuren els paràmetres dels elements de la pàgina, que inclouen, en primer lloc, el farciment, la vora, la flotació i la posició.
Pas 6
Utilitzeu el paràmetre de farciment per establir la quantitat del marge que està lligat a l'etiqueta donada. En aquest cas, aquest valor es compta per cada costat. Especifiqueu l'atribut border per formar la vora d'aquest camp. Després dels dos punts, l'amplada de la vora s'escriu en píxels. La propietat float permetrà que un element de la vostra pàgina floti cap a la dreta o l’esquerra. En aquest sentit, els paràmetres qualificatius d'aquesta propietat són a l'esquerra o a la dreta.
Pas 7
Si necessiteu col·locar amb precisió un objecte al document, utilitzeu la propietat de posició. Localitza l'element de la pàgina de manera absoluta, com ara "position: absolute; bottom: 50px; right: 10px;", o d'una manera relativa, en funció de la distància a les vores de la pàgina.
