lenguaje html editor web accesibilidad web acerca de




Hojas de estilo                                                  

<p align="right">Parrafo alineado a la derecha</p>
  • Si definimos una hoja de estilo (archivo.css),centralizaremos la definicion de los formatos de nuestra web en un unico punto.
  • La ventaja es que si cambiamos su definicion,cambiara automaticamente el aspecto de todas las paginas que comparten el mismo CSS.

La referencia a nuestra hoja de estilos la realizaremos desde el <HEAD>
<html>
<head>
   <title>Pagina de Ejemplo CSS</title>
   <LINK href="mis_estilos.css" type="text/css" reñ="stylesheet">
</head>
<body>
   <P>Parrafo en el estilo por defecto definido en el fichero
    mis_estilos.css a la que hace referencia esta pagina htm.</P>
</body>
</html>

Para crear una hoja de estilo interna:

  1. Pulsar en el botón Style. Opcionalmente rellenar los campos Lista de medios y Título.

  2. Pulsar en Crear hoja de estilo.

Para crear una hoja de estilo externa:

  1. Pulsar en el botón Link. Rellenar los campos correspondientes a URL y se genera un nuevo archivo en el sistema de archivos local. Opcionalmente rellenar los campos Lista de medios y Título.

  2. Marcar la opción «Crear hoja de estilo alternativa» para crear una hoja alternativa de otra


Aplicar hojas de estilo a las tablas

  • A continuacion se presentan las propiedas que podemos usar para diseñar nuevas tablas.

    Rapido para establecer el número de filas y columnas de forma visual con el ratón.
    Preciso aquí se puede indicar, en los campos adecuados, el número de filas y de columnas, así como establecer el ancho total de la tabla en tantos por cien o en pixels. También se puede indicar el grosor del borde.
    Celda se establecen las características de la celda, como la alineación vertical y horizontal, el espaciado entre celdas.
    Boton Edicion avanzada para establecer opciones avanzadas como atributos HTML, eventos de Javascript, estilos, etc.
                           



Subir