Tipos de hojas de estilo

Tipos de hojas de estilo

8. las hojas de estilo son de los siguientes tipos

Las hojas de estilo en cascada (CSS) describen cómo se presentan los documentos en las pantallas, en la impresión, o quizás cómo se pronuncian. El W3C ha promovido activamente el uso de hojas de estilo en la Web desde la fundación del consorcio en 1994.

Las hojas de estilo en cascada (CSS) ofrecen alternativas fáciles y eficaces para especificar diversos atributos de las etiquetas HTML. Con CSS se puede especificar una serie de propiedades de estilo para un elemento HTML determinado. Cada propiedad tiene un nombre y un valor, separados por dos puntos (:). Cada declaración de propiedad está separada por un punto y coma (;).

Nota – La etiqueta de fuente está obsoleta y se supone que será eliminada en una futura versión de HTML. Por lo tanto, no debe ser utilizado en lugar, se sugiere utilizar estilos CSS para manipular sus fuentes. Pero aún así, para el propósito de aprendizaje, este capítulo trabajará con un ejemplo usando la etiqueta de fuente.

Si necesita utilizar su hoja de estilo en varias páginas, siempre se recomienda definir una hoja de estilo común en un archivo separado. Un archivo de hoja de estilo en cascada tendrá la extensión .css y se incluirá en los archivos HTML utilizando la etiqueta <link>.

->  Concepto pagina web

Cuál de estos es el enlace normal no visitado

El lenguaje HTML es bastante limitado en lo que respecta a la presentación de una página web. Se diseñó originalmente como una forma sencilla de presentar la información. El CSS (Cascading Style Sheets) fue introducido en diciembre de 1996 por el World Wide Web Consortium (W3C) para proporcionar una mejor forma de estilizar los elementos HTML.

Con CSS, es muy fácil especificar cosas como el tamaño y el tipo de letra de las fuentes, los colores del texto y los fondos, la alineación del texto y las imágenes, la cantidad de espacio entre los elementos, los bordes y los contornos de los elementos, y muchas otras propiedades de estilo.

Nota: Los estilos en línea tienen la mayor prioridad, y las hojas de estilo externas la menor. Esto significa que si especifica estilos para sus párrafos en hojas de estilo incrustadas y externas, las reglas de estilo conflictivas en la hoja de estilo incrustada anularían la hoja de estilo externa.

El atributo style incluye una serie de pares de propiedades y valores CSS. Cada par propiedad-valor está separado por un punto y coma (;), tal y como se escribiría en una hoja de estilo incrustada o externa. Pero tiene que estar todo en una sola línea, es decir, sin salto de línea después del punto y coma.

Tipos de css pdf

Esta separación puede mejorar la accesibilidad del contenido, proporcionar más flexibilidad y control en la especificación de las características de presentación, permitir que varias páginas web compartan el formato especificando el CSS pertinente en un archivo .css separado, lo que reduce la complejidad y la repetición del contenido estructural, y permitir que el archivo .css se almacene en la memoria caché para mejorar la velocidad de carga de la página entre las páginas que comparten el archivo y su formato.

->  Promocion de ideas

La separación del formato y el contenido también hace posible presentar la misma página de marcado en diferentes estilos para diferentes métodos de representación, como en pantalla, en impresión, por voz (a través de un navegador basado en el habla o un lector de pantalla) y en dispositivos táctiles basados en Braille. CSS también tiene reglas para alternar el formato si se accede al contenido en un dispositivo móvil[4].

Las especificaciones CSS son mantenidas por el Consorcio de la World Wide Web (W3C). El tipo de medio de Internet (tipo MIME) text/css está registrado para su uso con CSS mediante el RFC 2318 (marzo de 1998). El W3C dispone de un servicio gratuito de validación de documentos CSS[5].

Tipos de hojas de estilo en css

A medida que vayas añadiendo más páginas a tu sitio, verás que puede resultar más difícil mantener la coherencia del formato. Además, a medida que adquiera más habilidades y se preocupe más por el aspecto de sus páginas web, también puede sentirse frustrado por las limitaciones de diseño de HTML.

Originalmente, el objetivo de HTML era hacer que los documentos de alto formato estuvieran disponibles en Internet, y nunca se pensó que fuera un lenguaje de diseño de páginas. Pero con la rápida expansión de la web desde la comunidad original de física de partículas hasta lo que vemos hoy, surgió el nuevo campo del «diseño web», y la preocupación por la mejor manera de presentar la información digital a las masas. En otras palabras, mejor legibilidad y páginas más atractivas. La introducción de las tablas fue recibida con alegría por el nuevo campo de los diseñadores web, ya que permitía la presentación de datos tabulares que podían incluir imágenes y la creación de múltiples columnas.

->  Nubes para texto

Pero la continua frustración por la falta de control sobre el color, el tamaño, las sangrías, los márgenes y otras características del diseño de las páginas, disponibles desde hacía tiempo en los procesadores de texto tradicionales y los programas de publicación de escritorio, llevó a la introducción de las hojas de estilo en cascada. Las hojas de estilo en cascada (CSS) permiten definir la información tipográfica una vez e instalarla en una ubicación central, y también permiten una creatividad y flexibilidad considerablemente mayores al utilizar etiquetas HTML. Además, elimina la escritura repetitiva de los atributos de las etiquetas, lo que reduce el tamaño del archivo y permite un código más limpio, preciso y fácil de leer.

Acerca del autor

Elena

Soy Elena Caceres experta en ciberseguridad y aficionada de todo lo que gira entorno al Internet. Les doy la bienvenida a mi blog donde trato de compartir información actualizada sobre estos temas relacionados con la tecnología.

Ver todos los artículos