Abans de començar hem de tenir molt clar que
les directives d'HTML són objectes que actuen de contenidors d'informació.
Aquests "contenidors" poden contenir, a la vegada, d'altres
directives (contenidors) i informació.
S'estableix d'aquesta forma una jerarquia d'objectes i per tant una herència (les directives més enniuades hereten propietats de les directives que les contenen). Aquesta última afirmació té, però, excepcions, poques, en algunes versions del navegador Netscape que són una de les principals fonts d'incompatibilitat que cal detectar. Per defecte, les directives apliquen al seu contingut els aspectes propis de la directiva que ha definit el dissenyador del programa navegador (Netscape i Microsoft). Així, per exemple, la directiva <b> ... </b> és un objecte contenidor de dades que hereta les propietats d'altres directives (objectes) que la contenen i a més afegeix la propietat de negreta. Fixeu-vos que estem parlant de propietats que s'apliquen al contingut de les directives. Fins l'aparició dels Fulls d'estil en cascada (CSS) no teníem l'opció de modificar aquestes propietats que aplica cada contenidor, tret de les que podíem manipular mitjançant els paràmetres d'algunes directives. Una bona manera d'aprendre el funcionament dels estils i veure totes les seves possibilitats, és mitjançant el Dreamweaver. Podem aplicar estils CSS utilitzant la seva interfície i posteriorment visualitzar el codi que ha generat. També disposem d'una ajuda en línia que ens mostra totes les propietats disponibles i les seves compatibilitats entre versions dels navegadors a "Ayuda/Referencia" o prement "Majúscules + F1". En aquesta pràctica es pretén veure com podem modificar les propietats de les directives (objectes) HTML, en temps de disseny i en temps de visualització mitjançant els estils CSS i JavaScript. També es comentarà una llista resumida dels principals estils utilitzables per modificar propietats de text, colors i fons. Altres tipus de propietats CSS es deixen per més endavant. |
|||||
Elements CSS en aquest capítol. | |||||
![]() |
Paràmetre Style : Paràmetre per modificar propietats CSS de les directives HTML. Propietat background-image : Defineix la imatge de fons. Valor CSS url(url_imatge) : assigna una url a una propietat. Directives <DIV> i <SPAN> : Directives HTML. Clases a :hover,a :active,a :link,a:visited : classes per modificar el comportament dels links. Directiva <LINK ...> : Carrega un fitxer .css amb definicions d'estils. |