Estructura CSS

 Bien, ya hemos aprendido lo básico sobre como crear y aplicar estilos.

Ahora conviene que hagamos un pequeño paréntesis para aclarar la estructura de CSS y otras cuestiones que nos serán útiles para entender lo que estamos haciendo.

En primer lugar la estructura de CSS. Utilizaremos el ejemplo ya usado.

 

 

 

notepad

 

 

  • Regla: una regla CSS se define de la siguiente forma; selector/res, apertura de llave ({), declaración o declaraciones y se cierra la llave (}).

 

  • Declaración: contiene las propiedades y sus valores

 

  • Selector: es la etiqueta a la que queremos aplicar la regla. Puede ser más de una.

 

  • Propiedad: aquello que queremos modificar de la etiqueta, cada etiqueta tiene sus características, aunque hay muchas comunes, color, tamaño, etc...

 

  • Valor: el valor que le damos a esa propiedad.

 

Con esto ya podemos ver varias cosas. En CSS podemos...

  • Aplicar una regla a varios elementos (selectores

 

  • Modificar el valor a varias propiedades en una misma regla.

 

  • O lo que es lo mismo, crear varias declaraciones.

 

  • Crear varias reglas de estilo en un mismo documento.

Poco a poco vamos viendo el potencial que tiene CSS en cuanto a diseño web. Y esto es sólo el principio.

Contenidos que te pueden interesar
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 400px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame