CSS selectors

De Cacauet Wiki
La revisió el 00:45, 23 gen 2011 per Enric (discussió | contribucions) (Es crea la pàgina amb «Ens podem adreçar de diverses maneres al elements del document: * Per tipus d'element (P, H1, H2, TABLE, etc.) * Per identificadors * Per classe Abans de veure'ls, per…».)
(dif) ← Versió més antiga | Versió actual (dif) | Versió més nova → (dif)
Salta a la navegació Salta a la cerca

Ens podem adreçar de diverses maneres al elements del document:

  • Per tipus d'element (P, H1, H2, TABLE, etc.)
  • Per identificadors
  • Per classe

Abans de veure'ls, però, cal que tinguem en compte que quan s'utilitza CSS es sol dividir el document amb les unitats genèriques DIV o SPAN, a més d'utilitzar els tags habituals d'HTML:

  • DIV: realitza una divisió del document realitzant un requadre (seguint el CSS box model) o, al menys, un paràgraf.
  • SPAN: realitza una divisió de pocs caràcters, permetent per exemple canviar el color d'una sola paraula o d'una sola lletra.


Adreçament per tipus d'element

Selecciona tots els elements d'aquella fulla. Per exemple, per seleccionar TOTS els tags H3 i donar-los el tamany de 10 píxels seria:

<STYLE type="text/css">
     h3 {
          font-size: 10px;
     }
</STYLE>


Adreçament per identificador