Páginas web html y hojas de estilo css

etiqueta de estilo html

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 manera de dar estilo a 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.

css en línea

Con CSS puedes controlar el color, la fuente, el tamaño del texto, el espaciado entre elementos, cómo se posicionan y distribuyen los elementos, qué imágenes o colores de fondo se van a utilizar, diferentes visualizaciones para distintos dispositivos y tamaños de pantalla, ¡y mucho más!

Consejo: La palabra cascada significa que un estilo aplicado a un elemento padre se aplicará también a todos los elementos hijos dentro del padre. Por lo tanto, si estableces el color del cuerpo del texto en «azul», todos los encabezados, párrafos y otros elementos de texto dentro del cuerpo también tendrán el mismo color (a menos que especifiques otra cosa).

La forma más común de añadir CSS, es mantener los estilos en archivos CSS externos. Sin embargo, en este tutorial usaremos estilos internos y en línea, porque es más fácil de demostrar, y más fácil para que lo pruebes tú mismo.

El siguiente ejemplo establece el color del texto de TODOS los elementos <h1> (en esa página) en azul, y el color del texto de TODOS los elementos <p> en rojo. Además, la página se mostrará con un color de fondo «powderblue»:

estilo html en línea

CSS: Hojas de estilo en cascadaHojas de estilo en cascada (CSS) es un lenguaje de hojas de estilo utilizado para describir la presentación de un documento escrito en HTML o XML (incluidos los dialectos de XML como SVG, MathML o XHTML). CSS describe cómo deben presentarse los elementos en la pantalla, en el papel, en la voz o en otros medios.

CSS es uno de los lenguajes centrales de la web abierta y está estandarizado en todos los navegadores web según las especificaciones del W3C. Anteriormente, el desarrollo de varias partes de la especificación CSS se hacía de forma sincronizada, lo que permitía versionar las últimas recomendaciones. Es posible que haya oído hablar de CSS1, CSS2.1 y CSS3. Sin embargo, CSS4 nunca se ha convertido en una versión oficial.

A partir de CSS3, el alcance de la especificación aumentó significativamente y los avances en los diferentes módulos de CSS empezaron a diferir tanto que resultó más eficaz desarrollar y publicar recomendaciones por separado para cada módulo. En lugar de versionar la especificación CSS, el W3C toma ahora periódicamente una instantánea del último estado estable de la especificación CSS.Recursos clave

ejemplo de archivo css

Si puede, imagine una época anterior a la invención de Internet. Los sitios web no existían y los libros, impresos en papel y bien encuadernados, eran la principal fuente de información. Había que esforzarse mucho -y leer- para encontrar la información exacta que se buscaba.

Hoy se puede abrir un navegador web, saltar al motor de búsqueda que se desee y buscar. Cualquier información imaginable está al alcance de tu mano. Y lo más probable es que alguien, en algún lugar, haya creado un sitio web pensando exactamente en su búsqueda.

Antes de comenzar nuestro viaje para aprender a construir sitios web con HTML y CSS, es importante entender las diferencias entre los dos lenguajes, la sintaxis de cada uno de ellos y alguna terminología común.

HTML, HyperText Markup Language (Lenguaje de Marcado de Hipertexto), da estructura y significado al contenido definiéndolo, por ejemplo, como títulos, párrafos o imágenes. CSS, u hojas de estilo en cascada, es un lenguaje de presentación creado para dar estilo a la apariencia del contenido, utilizando, por ejemplo, fuentes o colores.