Fulls d'estil en cascada (CSS) és un llenguatge que s'utilitza per dissenyar pàgines web que contenen elements HTML, definint com es mostren els elements a les pàgines web, com ara el disseny, els colors, els tipus de lletra i altres propietats dels elements d'una pàgina web. CSS funciona orientant elements HTML i aplicant regles d'estil per definir com s'han de mostrar, incloses propietats com el color, la mida, la disposició i el posicionament.

Hi ha tres tipus de CSS que es mostren a continuació:

Taula de contingut

• CSS en línia
• CSS intern o incrustat
• CSS extern

CSS en línia:

CSS en línia és un mètode per aplicar l'estil directament a elements HTML individuals mitjançant l'atribut d'estil dins de l'etiqueta HTML, que permet un estil específic d'elements individuals dins del document HTML, anul·lant qualsevol estil extern o intern.

Exemple de CSS en línia:

Aquest exemple mostra l'ús de CSS en línia amb l'ajuda d'un document HTML.

html

>

>

Sortida:

Explicació d'exemple de CSS en línia:

En l'exemple anterior estem seguint aquests passos

• Aquí estem utilitzant CSS en línia directament a l'element paràgraf.
• Canvia el color a verd, la mida de la lletra a 50 píxels, l'estil a cursiva i l'alineació al centre.
• L'estil anul·la els CSS externs i interns.

CSS intern o incrustat:

CSS intern o incrustat es defineix dins de l'element del document HTML. Aplica estils als elements HTML especificats. El conjunt de regles CSS ha d'estar dins del fitxer HTML a la secció de capçalera, és a dir, el CSS està incrustat dins de l'etiqueta dins de la secció de capçalera del fitxer HTML.

Exemple de CSS intern o incrustat:

Aquest exemple mostra l'ús de CSS intern amb l'ajuda d'un document HTML.

html