Unidad 4. El texto (IV)


Aplicar un Estilo

 

Para aplicar un Estilo CSS personalizado:

En el documento, selecciona el texto al que deseas aplicar el estilo CSS, o sitúa el punto de inserción del mouse en un párrafo para aplicar el estilo a todo el párrafo. Si seleccionas un rango de texto dentro de un párrafo, el Estilo CSS sólo afectará al rango seleccionado.

En el inspector de Propiedades se selecciona el estilo creado por nosotros de la lista que aparece al desplegar el cuadro Estilo.

 

Para practicar puedes realizar el Ejercicio paso a paso Crear estilo de clase.

 

Hojas de Estilos

Podemos exportar estilos que se encuentren incrustados en la página HTML a una nueva hoja de estilos haciendo clic derecho sobre el estilo en el Panel CSS y seleccionando Exportar.

Se abrirá el cuadro de diálogo Exportar estilos como archivo CSS que te permitirá guardar todos los estilos incrustados en un nuevo archivo CSS.

Esta opción es muy útil si tienes los estilos incrustados en una página y queremos utilizarlos en otras también. Simplemente pasamos los estilos incrustados a una hoja de estilos y luego la adjuntamos en cualquier página que queramos utilizarlos.

 

Para asignar una hoja de estilos a una página despliega el cuadro Estilo que se encuentra en el Inspector de Propiedades y selecciona Adjuntar hoja de estilos...

Adjuntar hoja de estilos

En Arch./URL debe especificarse la ruta y el nombre de la hoja de estilos.

Elegimos si queremos Vincular o importar la hoja de estilos.

Si elegimos Vincular la hoja no se incrusta en la página sino que se añade a la página una referencia a la hoja, esto permite que cualquier cambio realizado en la hoja quede reflejado de manera automática en todas las páginas que utilizan la hoja. Esta es la opción más aconsejable si vamos a utilizar el estilo en más de una página, de esta forma sólo será necesario vincular cada una de los archivos que quieras qeu se vean afectados a la hoja de estilos que hayas creado.

Si elegimos Importar la hoja se incrusta en la página.

La opción Media te permitirá seleccionar el tipo de medio al que se asociará la hoja de estilos, por ejemplo, screen (pantalla), print (impresora) o tv (webtv). Estas opciones te permitirán crear hojas de estilos para soportes diferentes. Puedes crear una para screen, que será la que se muestre cuando navegues por Internet, y otra para print que será la que se utilice cuando se imprima el contenido del archivo.

Después de Aceptar, la hoja con sus estilos aparecerá en el panel CSS.

 

  Ejercicios del Tema 4.

  Prueba evaluativa del Tema 4.




  Ir a la página anterior Índice del curso  Ir a la siguiente página  

Pág. 4.4

Septiembre - 2007.


Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.