CSS introducció

De Cacauet Wiki
Dreceres ràpides: navegació, cerca

Llegeix la secció 0 d'aquest estupendu curs de CSS de Gonzalo Pérez de la Ossa.

M'agradaria destacar alguns aspectes sobre el CSS d'aquesta introducció (que entraran a l'examen). No ho copio tot per mantenir els drets d'autor.


Característiques i avantatges del CSS:

  • Separació de contingut i presentació.
  • Reaprofitament del codi.
  • Facilitat de modificació.
  • Major control sobre la presentació del document.
  • Accessibilitat i internacionalització.


Element vs Tag:

  • Tag: símbol dins del document per generar elements. Va entre els símbols de major i menor que, per exemple: <BODY>. Hi ha diversos tipus:
    • Tag d'obertura: <BODY>
    • Tag de tancament (comença amb barra): </BODY>
    • Tag únic: <BR />
  • L'element és el constructor bàsic de la pàgina web. És un concepte més abstracte
    Normalment està composat pel tag d'inici + contingut + tag de tancament. Per exemple: <A href="pagina.html">enllaç a la pàgina</A>.
    També pot ser que només tingui un sol tag com els elements IMG o BR. Per exemple: <IMG src="foto.jpg" />


Elements de bloc vs inline:

  • Elements de bloc: H1, H2, DIV, UL, LI, ... (impliquen un salt de línia abans i després i ocupen tot l'ample de la pàgina)
  • Elements inline: A, FONT, B, I, BIG, SPAN, ... (impliquen només els caràcters que continguin).

Destaquem els elements DIV i SPAN que no s'acostumen a utilitzar en HTML ja que són simples divisions del document, inicialment sense format per després aplicar propietats CSS.