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.

Este es un bloque con <strong>el</strong> texto rojoEn este ejemplo estaríamos creando un párrafo o un bloque y ambos tendrían <strong>el</strong> texto <strong>de</strong> color rojopor habérs<strong>el</strong>es aplicado la misma regla CSS.Los s<strong>el</strong>ectores <strong>de</strong> clase <strong>de</strong>ben estar siempre escritos con carácteres alfanuméricos y sin utilizarespacios (utiliza <strong>el</strong> subrayado _ para separar palabras).Por último encontraríamos los s<strong>el</strong>ectores <strong>de</strong> i<strong>de</strong>ntidad. Estos sólo se aplican una vez y se asociana una etiqueta.#contenedor {width: 600px;}Más tar<strong>de</strong> en <strong>el</strong> código podremos encontrar:Este es un bloque que contiene textoLas clases <strong>de</strong> i<strong>de</strong>ntidad se i<strong>de</strong>ntifican por empezar <strong>el</strong> s<strong>el</strong>ector con un signo #. En <strong>el</strong> código <strong>de</strong>beráestablecerse la regla CSS asociándos<strong>el</strong>a al atributo ID.Este atribudo (id) recoge <strong>el</strong> nombre d<strong>el</strong> <strong>el</strong>emento que se ha creado con la etiqueta HTML.A partir <strong>de</strong> ese momento se podría referenciar a ese cuadro <strong>de</strong> texto como contenedor utilizandoJavaScript.

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

Saved successfully!

Ooh no, something went wrong!