11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Pue<strong>de</strong>s utilizar todas las anidaciones que quieras y mezclar los s<strong>el</strong>ectores, por ejemplo:#contenedor p .<strong>de</strong>recha { float: right; }En este caso todas las etiquetas con la clase <strong>de</strong>recha que se encuentren <strong>de</strong>ntro <strong>de</strong> un párrafo d<strong>el</strong><strong>el</strong>emento <strong>de</strong>finido como contenedor flotarán a la <strong>de</strong>recha.S<strong>el</strong>ectores <strong>de</strong> AtributoHasta ahora hemos visto que los s<strong>el</strong>ectores se pue<strong>de</strong>n combinar <strong>de</strong> bastantes formas. Veamosque <strong>el</strong> po<strong>de</strong>r <strong>de</strong> CSS no sólo se queda ahí sino que avanza un poco más para ayudarnos aestablecer estilos según <strong>el</strong> tipo <strong>de</strong> atributos que tenga una etiqueta.Un atributo es una parte <strong>de</strong> la <strong>de</strong>scripción <strong>de</strong> un s<strong>el</strong>ector HTML. Por ejemplo, en:EnlaceA es <strong>el</strong> s<strong>el</strong>ector <strong>de</strong> la etiqueta, mientras que href y target son atributos.CSS permite entrar en <strong>el</strong> contenido <strong>de</strong> las etiquetas para cambiar sus estilos. Veamos cómohacerlo:Nombre <strong>de</strong> Atributo: Po<strong>de</strong>mos establecer estilos para etiquetas con <strong>de</strong>terminados atributos<strong>de</strong>finidos, por ejemplo:a[href] { font-family: Arial, H<strong>el</strong>vetica; }En esta línea estamos estableciendo que cualquier etiqueta a que tenga <strong>el</strong> atributo href cambie sutipo <strong>de</strong> letra a Arial o H<strong>el</strong>vética.Valor <strong>de</strong> Atributo: Po<strong>de</strong>mos aplicar estilos a etiquetas que tengan <strong>de</strong>terminado valor en unatributo, por ejemplo:a[target="_blank"] { font-weight: bold; }Esta línea hará que se convierta en negrita cualquier enlace que abra una nueva ventana alhacer clic.Interesante, ¿verdad?.

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

Saved successfully!

Ooh no, something went wrong!