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.

Para modificar un estilo ya existente, s<strong>el</strong>eccionamos <strong>el</strong> estilo a modificar en la lista <strong>de</strong> estilos d<strong>el</strong> pan<strong>el</strong> yhacemos clic en <strong>el</strong> botóncaracterísticas d<strong>el</strong> estilo., se abrirá la ventana <strong>de</strong>scrita anteriormente don<strong>de</strong> se pue<strong>de</strong> <strong>de</strong>finir lasTambién po<strong>de</strong>mos abrir esta ventana pulsando con <strong>el</strong> botón <strong>de</strong>recho sobre <strong>el</strong> estilo en <strong>el</strong> pan<strong>el</strong> CCS, ys<strong>el</strong>eccionar d<strong>el</strong> menú <strong>de</strong>splegable la opción Editar. O incluso modificarlo directamente <strong>de</strong>s<strong>de</strong> la lista <strong>de</strong>propieda<strong>de</strong>s que se encuentra al pie d<strong>el</strong> pan<strong>el</strong>.Ten en cuenta que si modificas un estilo CSS que pertenezca a una hoja <strong>de</strong> estilos vinculada, es <strong>de</strong>cir, a unarchivo CSS externo, todas las páginas que contengan ese estilo serán actualizadas al instante.Para borrar un estilo <strong>de</strong> una hoja <strong>de</strong> estilos, s<strong>el</strong>eccionamos <strong>el</strong> estilo en la lista <strong>de</strong> estilos d<strong>el</strong> pan<strong>el</strong> yhacemos clic en <strong>el</strong> botón .Como pue<strong>de</strong>s ver, es bastante sencillo trabajar con estilos CSS.Aplicar un EstiloPara aplicar un Estilo CSS personalizado:En <strong>el</strong> documento, s<strong>el</strong>ecciona <strong>el</strong> texto al que <strong>de</strong>seas aplicar <strong>el</strong> estilo CSS, o sitúa <strong>el</strong> punto <strong>de</strong> inserción d<strong>el</strong>mouse en un párrafo para aplicar <strong>el</strong> estilo a todo <strong>el</strong> párrafo. Si s<strong>el</strong>eccionas un rango <strong>de</strong> texto <strong>de</strong>ntro <strong>de</strong> unpárrafo, <strong>el</strong> Estilo CSS sólo afectará al rango s<strong>el</strong>eccionado.En <strong>el</strong> inspector <strong>de</strong> Propieda<strong>de</strong>s se s<strong>el</strong>ecciona <strong>el</strong> estilo creado por nosotros <strong>de</strong> la lista que aparece al<strong>de</strong>splegar <strong>el</strong> cuadro Estilo.Para practicar pue<strong>de</strong>s realizar <strong>el</strong> Ejercicio paso a paso Crear estilo <strong>de</strong> clase.Hojas <strong>de</strong> EstilosPo<strong>de</strong>mos exportar estilos que se encuentren incrustados en la página HTML a una nueva hoja <strong>de</strong> estiloshaciendo clic <strong>de</strong>recho sobre <strong>el</strong> estilo en <strong>el</strong> Pan<strong>el</strong> CSS y s<strong>el</strong>eccionando Exportar.Se abrirá <strong>el</strong> cuadro <strong>de</strong> diálogo Exportar estilos como archivo CSS que te permitirá guardar todos los estilosincrustados en un nuevo archivo CSS.Esta opción es muy útil si tienes los estilos incrustados en una página y queremos utilizarlos en otrastambién. Simplemente pasamos los estilos incrustados a una hoja <strong>de</strong> estilos y luego la adjuntamos encualquier página que queramos utilizarlos.Para asignar una hoja <strong>de</strong> estilos a una página <strong>de</strong>spliega <strong>el</strong> cuadro Estilo que se encuentra en <strong>el</strong> Inspector<strong>de</strong> Propieda<strong>de</strong>s y s<strong>el</strong>ecciona Adjuntar hoja <strong>de</strong> estilos...

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

Saved successfully!

Ooh no, something went wrong!