Etiqueta: S'aplica a elements HTML, com ara paràgrafs (p), capçaleres (h1,2,..7), body, table,il.. etc. Al crear un estil per a un d'aquests elements s'aplicarà automàticament a tots els elements d'aquest tipus que contingui la pàgina, per exemple si faig un estil per a un paràgraf p {font-style: Arial;}, a tots els paràgrafs que contingui la pàgina se m'aplicarà una font Arial.
ID: Molt fàcil dentendre, moltes vegades al crear un element HTML; ens demanarà donar-li un nom que el defineixi, una Identitat, el que fem al crear un estil ID és crear un estil que porti el nom de l'element, i l'estil s'aplicarà unicament a aquest. Jo ara creo una caixa anomenada caixa1, tambés ens creo 3 mès (caixa2, caixa3, caixa4), ara creo un estil que s'anomenarà #caixa1(el # ha d'anar just davant per definir qie un estil ès un ID), #caixa1 {font-style: Arial;}, tot els text de la caixa 1 pasarà a ser Arial.
Classe: Aquest possiblement sigui el mès simple i fàcil d'entendre, s'ans aplicarà allà on volguem, nomès cal seleccionar o senyalar la part o element on volem aplicar aquest estil, i clickar damunt del nom de l'estil. Per crear-ne un .elnomquelivulguisposar {font-style: Arial;}, aqui és imprescindible posar el punt davant, de la mateixa manera que ID necessita #.
Ara que ja he explicat tant bè com he poguts els tres tipus estils CSS que hi han, explicarè com crear-los i aplicar-los.
Crear-los
En la finestra de CSS, en la finestreta on va la llista d'estils fem click dret i Nuevo... , ara de la llista desplegable triem quin tipus d'estil farem i li donem un nom, recordant sempre que:
- Si ès etiqueta no li podem inventar un nom sinò que hem d'escriure un element HTML.
(p,h1,body,ul, etc).
- Que si ès clase sigui el nom que sigui, al davant sempre hi va un punt (.exemple).
-I si ès ID anirà amb un # al davant (#exemple).
-Per norma general cap etiqueta ha d'anar amb accents, comes, espais o caràcters especials com ara ñ o ç, per separar paraules podem utilitzar _ (exemple-d_etiqueta).
Un cop explicat com començar a crear una etiqueta no cal explicar com aplicar-li caracterìstiques ja que el cuadre de diàleg de Dreamweaver pper crear estils ès sencillisim d'utilitzar, en tot cas puc dir que les caràcteritiques bàsiques es troben a la primera pestanya (Tipo), les alineacions de text i sangries a Bloque i que cal donar a Aplicar perque s'apliquin els canvis. I tambè que fent doble click sobre el nom de l'estil podem tornar a obrir el cuadre de diàleg per aixì fer algùn canvi.
Aplicar-los
Això ho farem desde la finestra Propiedades, però en l'apartat CSS, com podem veure en la imatge de dalt, ens mostra els diferents tipus d'estil.
-Formato: Ès refereix a etiqueta. Per defecte Dreamweaver pot reconeixer tot el text com a paràgraf, i per tant aplicarà automaticament les caracterìsqiques que tinguem a l'estil p a tot el text, si per exemple hem creat un estil d'etiqueta per a un titular (per exemple h2), nomès cal seleccionar el titular, desplegar la llista de la pestanya i seleccionar Encabezado 2.
-ID: O bè s'aplica automàticament als elements que tinguin la ID o bè si encara no hi ha cap element amb la ID podem fer com amb l'estil etiqueta.
-Classe: Seleccionar i triar estil de la llista desplegable.
Cap comentari:
Publica un comentari a l'entrada