11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Unidad 17. Estilos CSS Avanzado (II)17.2Estructura CSSUn archivo CSS (por suerte) tiene una estructura muy bien <strong>de</strong>finida, por lo que bastará con quenos aprendamos unas cuantas reglas para po<strong>de</strong>r empezar a familiarizarnos con su creación.Su estructura siempre es la siguiente:s<strong>el</strong>ector { propiedad:valor; }Esto es lo que podríamos llamar una regla CSS. Po<strong>de</strong>mos escribir tantas reglas CSS comoqueramos, siempre una <strong>de</strong>spués <strong>de</strong> otra.Entre llaves se encierra la <strong>de</strong>finición d<strong>el</strong> estilo, que viene dada por una lista <strong>de</strong> propieda<strong>de</strong>s y susvalores separados por puntos y comas.Los s<strong>el</strong>ectores son aqu<strong>el</strong>los sobre los que se aplica la <strong>de</strong>finición d<strong>el</strong> estilo CSS.Hay 3 tipos <strong>de</strong> s<strong>el</strong>ectores:Etiqueta HTMLClaseI<strong>de</strong>ntidadCualquier etiqueta HTML es un s<strong>el</strong>ector (<strong>el</strong>iminando los < y >). Por lo que cualquier <strong>el</strong>emento <strong>de</strong>una página pue<strong>de</strong> ser modificado genéricamente para que tome un mismo aspecto, por ejemplo:p {font: 13px bold Arial;}Hace que todos los párrafos (la etiqueta P) tendrán la fuente <strong>de</strong> un tamaño <strong>de</strong> 13 píx<strong>el</strong>es, estaráen negrita y será d<strong>el</strong> tipo Arial.Una clase es un s<strong>el</strong>ector que afectará sólo a aqu<strong>el</strong>las etiquetas que nosotros <strong>de</strong>cidamos, porejemplo:.rojo {color: red;}Hemos creado una clase que hace que <strong>el</strong> color <strong>de</strong> la letra que tenga asociada esta clase sea rojo.Como pue<strong>de</strong>s ver, la clase se <strong>de</strong>fine porque tiene un punto d<strong>el</strong>ante.Ahora podríamos aplicar este estilo sobre cualquier etiqueta que queramos.Este es un texto en rojo

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!