CSS

Fulls d'estil en cascada

CSS és l'acrònim de Fulls d'estil en cascada.

Què és Fulls d'estil en cascada?

Una eina potent per a dissenyadors i desenvolupadors web, que els permet controlar l'aspecte i el disseny de diverses pàgines web simultàniament. Es pot utilitzar de tres maneres: en línia, a la capçalera (interna) i com a fitxer de full d'estil adjunt (extern). Cada mètode té el seu cas d'ús i els seus avantatges.

CSS en línia

Aquest mètode consisteix a col·locar regles CSS directament dins d'un element HTML, utilitzant l'atribut "style". Cada element HTML pot tenir el seu propi atribut d'estil, que conté qualsevol nombre de propietats CSS.

  • Ús:
<p style="color: blue; font-size: 14px;">This is a blue, 14px font paragraph.</p>
  • pros: és útil per fer canvis i proves d'estil ràpids i a petita escala.
  • Contres: Com que els estils s'apliquen individualment als elements, aquest mètode és ineficaç per dissenyar documents grans. També desordena el codi HTML i no és propici per a un estil coherent en diferents elements o pàgines.

CSS intern

Aquí, les regles CSS es col·loquen dins d'un <style> etiqueta a la secció de capçalera d'un document HTML. Aquest mètode s'utilitza per definir estils per a una sola pàgina.

  • Ús:
<head>
   <style>
      p { color: blue; font-size: 14px; } 
   </style>
</head>
  • pros: Útil per a estils exclusius d'una sola pàgina. Manté HTML i CSS en un sol fitxer, que pot ser més senzill de gestionar per a projectes petits o documents d'una sola pàgina.
  • Contres: Igual que amb el CSS en línia, no és eficient per dissenyar diverses pàgines i pot fer que els documents HTML siguin complicats si hi ha molt de CSS.

CSS extern

Aquesta és la forma més comuna i recomanada d'incloure CSS. Les regles CSS es col·loquen en un fitxer independent (amb una extensió .css) i s'enllaçen al document HTML mitjançant un

<link> element a la secció de capçalera.

  • Ús:
<head>
   <link rel="stylesheet" type="text/css" href="styles.css">
</head>
  • pros: Promou un HTML més net i organitzat. Els estils es poden reutilitzar a diverses pàgines, cosa que facilita el manteniment i l'actualització de l'aspecte del lloc web. També permet una càrrega de pàgina més ràpida després d'accedir a la primera pàgina, ja que el navegador guarda a la memòria cau el fitxer CSS.
  • Contres: La càrrega inicial de la pàgina pot trigar una mica més, ja que el navegador ha de descarregar el fitxer CSS.

L'elecció de la implementació de CSS pot afectar el rendiment del lloc web, el manteniment i l'experiència de l'usuari. L'ús eficient de CSS, principalment fulls d'estil externs, pot crear una imatge de marca coherent, millorar els temps de càrrega i millorar l'atractiu general del lloc web per als clients potencials.

  • Abreviatura: CSS

Acrònims addicionals per a CSS

  • CSS - Servei de comparació de compres
Torna al botó superior
a prop

Adblock detectat

Martech Zone és capaç de proporcionar-vos aquest contingut sense cap cost perquè monetitzem el nostre lloc mitjançant ingressos publicitaris, enllaços d'afiliats i patrocinis. Agrairem que elimineu el bloquejador d'anuncis mentre visualitzeu el nostre lloc.