Las hojas de estilo o CSS (Cascading Style Sheets) son las que nos permiten definir diferentes estilos para la misma página web. Sirven para describir como se ven los elementos HTML en la pantalla.
Dentro de las hojas de estilo, cada regla de estilo o componente, está formado por dos partes:
- Selector: indica las etiquetas a las que se aplica
- Declaración: conjunto de pares (propiedad/valor)
Ejemplo de sintaxis:
p {color: green; font-size:18px; text-align:center; }
Cuidado: la regla puede ser ignorada si no la hemos escrito correctamente.
Otra de las cosas que debemos de tener en cuenta a la hora de utilizar CSS son las prioridades de las diferentes formas de aplicar los estilos. El orden de prioridad es el siguiente:
- Estilo en línea (dentro de un elemento HTML)
- Hojas de estilo internas (en la sección de cabecera)
- Hojas de estilo externas (en la sección de cabecera)
- Por defecto del navegador
Animaros a probar las Hojas de Estilos, os dejo el enlace de mi página web para que veáis como he utilizado las CSS: Sitio web de prueba
No hay comentarios:
Publicar un comentario