- ¿Qué es y para que son las hojas de estilo?
Las hojas de estilo (style sheets), son conjuntos de instrucciones, aveces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de los contenidos: tipo, fuente y tamaño de letras, justificación del texto, colores y fondos etc.
Las hojas de estilo permiten liberar la composición del texto de los aspectos visuales y favorecen que se estructure y anote mediante códigos que permiten un tratamiento mas eficaz de los contenidos.
Las hojas de estilo son para separar la presentación del contenido del documento, son también para facilitar la definición y cambios de estilo de un sitio web. Para lograr un estilo consistente en un sitio. Para que un usuario modifique su preferencia de una pagina web. Las hojas de estilo también sirven para adaptar el estilo de presentación de un documento a los diferentes medios.
2. ¿Que es la aplicación de estilos en linea? (Ejemplo)
Un estilo en linea, es un método para insertar el lenguaje de estilo de pagina directamente dentro de una etiqueta HTML. Este modo de trabajo se podría usar de manera ocasional si se pretende aplicar un formateo con prisa al vuelo.
Hay varias propiedades que nos permiten aplicar estilo a las lineas;
Un ejemplo de lineWidth
Esta propiedad establece el grosor de la linea actual. Los valores deben ser números positivos. Por defecto este valor se establece en 1.0 unidades.
El ancho de linea es el espesor del trazo centrado en la ruta dada. El área que se dibuja se extiende hasta la mitad del ancho de la linea a cada lado de la ruta. Debido a que las coordenadas del lienzo no hacen referencia directamente a los pixeles.
En el siguiente ejemplo, se dibujan 10 líneas rectas con anchos de línea cada vez mayores. La línea en el extremo izquierdo es de 1.0 unidades de ancho.
3. ¿Que es una hoja de estilo interna?Una hoja de estilo interna, es una hoja incrustada dentro de un documento HTML, dentro del elemento <head>, marcado por la etiqueta <style>. De esta manera se obtiene el beneficio de separar la información del estilo del
código HTML propiamente dicho. Ejemplo.
4. ¿Que son las hojas de estilo externas?Una hoja de estilo externa, es una hoja que esta almacenada en un archivo diferente al archivo donde se almacena el código HTML de la pagina web. Esta es la manera de programar mas potente, porque separa completamente las reglas de formateo para la pagina HTML de la estructura básica de la pagina. Ejemplo
5. Estructura de los estilosLas hojas de estilo tienen una estructura muy simple pero muy flexible y potente. Gracias a esto podemos definir la apariencia de cada elemento o grupo de ellos con total comodidad, definir distintas apariencias en función del medio por el que se mostraran, y cambiarla posteriormente, si es necesario, de una forma muy simple y rápida.
Definición de los diferentes tipos de selectores.
A) Selector de EtiquetaSelecciona todos los elementos de la pagina cuya etiqueta HTML coincide con el valor del selector.
B) Selector de clase
C) Selector IDEl selector ID permite seleccionar un elemento de la pagina a través del valor de su atributo id. Este tipo de selectores solo seleccionan un elemento de la pagina porque el valor del atributo id no se puede repetir en dos elementos diferentes de una misma pagina.
D) Selector Contextuales o PseudoclaseLos pseudoclases son un tipo de selector que no definimos nosotros, si no que ya están definidas por el estándar CSS.
E) Selector PseudoelementoLos pseudoelementos son un tipo especial de clase que describen elementos particulares de la tipografía.
F) Selector UniversalSe utiliza para seleccionar todos los elementos de la pagina.