Hojas De Estilos

Hojas de estilos
En un rápido resumen, son plantillas que permiten cambiar el formato de presentación de cualquier etiqueta de HTML. Las hojas de estilo controlan todos los elementos de la presentación de un documento HTML: márgenes de página, espaciado entre párrafos, tamaños y tipos de letra, color y fondos, etc.
Pasos para creación de una Hoja de Estilos
Para crear una hoja de estilos debemosseguir los siguientes pasos:
Abrir el panel Estilos. Ventana > Estilos CSS


Dar clic en la opción Nuevo estilo del panel Estilos CSS.

Escribir el nombre del estilo.
Definir el tipo de estilo que se desea crear.
Crear estilo personalizado: Los estilos CSS personalizados, también llamados estilos de clase, le permiten configurar atributos de estilo a cualquier rango o bloque de texto.

Redefiniretiqueta HTML: redefinen el formato de una determinada etiqueta, como h1. Cuando se crea o cambia un estilo CSS para la etiqueta h1, todo el texto formateado con dicha etiqueta se actualiza inmediatamente.

Usar selector CSS: redefinen el formato de una determinada combinación de etiquetas (por ejemplo, td h2 se aplica cada vez que aparece un encabezado h2 dentro de una celda de tabla) o de todaslas etiquetas que contienen un atributo id específico (por ejemplo, #mi Estilo se aplica a todas las etiquetas que contienen el par atributo-valor ID=“mi Estilo”).
Finalmente se deben configurar todas las propiedades del estilo. Se debe tener en cuenta que se manejan múltiples atributos para diferentes objetos, por lo tanto se aconseja definir estilos diferentes de acuerdo al tipo de objeto. Porejemplo un estilo para tablas, otra para textos, etcétera.


Después de crear los estilos, el siguiente paso consiste en aplicarsélos a los elementos de la página Web.

Aplicar estilos
Para aplicar un estilo CSS se debe seleccionar el objeto objeto al cual se le quiere aplicar el estilo y seleccionar en el pánel Estilos CSS el estilo que se quiere aplicar, otra forma de hacerlo es dar clic derecho,seleccionar Estilos CSS y luego seleccionar el estilo que se desea aplicar.
Modificar un estilo CSS.
En el panel Estilos CSS está la ópcion editar estilo

Aquí aparece un diseño jerárquico de todas las páginas de estilos vinculadas a la página, en las cuales podemos desplegar todos los estilos de cada página, al dar doble clic en un estilo específico lo podremos modificarlo.

Adjuntar Hoja deestilos

Los estilos CSS son documentos que tienen la extensión .css. Es posible tener una sola Hoja de Estilos y adjuntarla a todas las páginas de un sitio Web:
Crear la Hoja de Estilos.
Abrir el documento HTML al que le queremos adjuntar la hoja de estilos.
Abrir el panel estilos CSS.
Dar clic en la opción adjuntar hoja de estilos:
Aparecerá una ventana como la siguiente:

clic en el botón examinarpara seleccionar la página de estilos que se quiere adjuntar.
clic en el botón aceptar.
Ahora puede utilizar en el documento HTML actual todos los estilos que estén definidos en el archivo CSS que acaba de adjuntar.

Estilos HTML

Son más fáciles de usar y tienen una mayor jerarquía con respecto a los estilos CSS.
Para crear un estilo HTML: Abrir panel Diseño>Estilos HTML.

Clic en la opcióncrear estilo HTML.


Nombre: Le damos un nombre al estilo.
Aplicar a: Se define si quiere que se aplique el estilo a la selección, hasta un párrafo completo sin necesidad de seleccionarlo.
Al aplicar: Con esta opción definimos si queremos que se añada a un estilo que ya ha sido aplicado.
Atributos de párrafo: Propiedades específicas a un párrafo completo.
Se puede observar que el número depropiedades es mucho más reducido que el de los estilos CSS.
En el momento que creemos nuestro primer estilo HTML, automáticamente se genera una carpeta Library con una página styles.xml, la cual contiene todos los códigos de los atributos de los estilos HTML. 




Crear una hoja de estilo vía comandos
1 Abre el sitio libreria.
2 Crea un nuevo archivo CSS desde Archivo → Nuevo → Página básica → CSS.
3...