Comentarios en CSS más cascada de estilos y herencia

Anterior
Avanzar

En esta lección aprenderemos a colocar comentarios dentro de nuestro código CSS y por otro lado veremos como se da la cascada de estilos y herencias en una página web.

Comentarios en CSS

Un comentario dentro del código CSS puede servir para poner notas, recordatorios o cualquier apunte que pueda servir para alguna ocasión, ya sea cuando otro programador lo lea, o para aclarar algo.

La forma adecuada de poner un comentario es empezando con slash (/) seguido del asterisco (*), acontinuacion sigue el comentario deseado y para finalizar el asterisco (*) seguido de otro slash (/)

Ejemplo:

  /*Comentario css*/

Los comentarios son ignorados por los navegadores web, solo son visibles para los editores del código fuente.

Cascada de estilos y herencias

Dos formas en las que actúa CSS: como cascada de estilos y herencia; a continuación veamos en que consiste cada una de ellas.

Cascadas de estilos

El estilo final de una página web es establecido por el total de códigos CSS que influyen sobre ella; las fuentes de código CSS pueden ser:

  • La hoja de estilos creada por el desarrollador de la página.
  • Los estilos predeterminados del navegador.
  • Los estilos especificados por el usuario.

Herencia

Esta característica en CSS consiste en que los elementos hijos, adoptan los etilos determinados para los elementos padre en caso no se determine uno específico para el elemento hijo.

Por ejemplo: si determinamos color de letra en azul para el elemento HTML <body> esto afectará a todos los elementos que estén dentro de <body>, esto incluye los párrafos, subtítulos, o cualquier otro elemento de texto contenido dentro de <body>.

body {color: blue;}

Ya veremos en próximas lecciones, como se hace esto, por ahora debes tener bien en claro, qué significa la herencia en CSS.

Te recomendamos leer:  Selectores CSS - Reglas y sintaxis
Lecciones CSS
Anterior
Avanzar
0 0 votar
Calificación
guest
0 Comentarios
Comentarios en línea
Ver todos los comentarios

Aquí tienes el temario completo del curso CSS, para que no te pierdas ninguna lección. :)

Temario CSS

1.- Qué es CSS y Introducción
2.- Cómo usar CSS
3.- Selectores CSS – Reglas y sintaxis
4.- Cascada de estilos y herencia
5.- Estilos CSS para textos
6.- Ancho y alto
7.- Modelo de cajas
8.- Las propiedades: border, padding y margin
9.- La propiedad Background
10.- Estilo para listas
11.- Estilos CSS para tablas
12.- Estilos para enlaces CSS
13.- Personalizando el cursor
14.- Propiedad display y visivility
15.- Posicionamiento en CSS
16.- La propiedad overflow
17.- Propiedad Z-INDEX en CSS
18.- Ejemplos y ejercicios resueltos

 

Aquí tienes el temario completo del curso CSS, para que no te pierdas ninguna lección. :)

Temario CSS

1.- Qué es CSS y Introducción
2.- Cómo usar CSS
3.- Selectores CSS – Reglas y sintaxis
4.- Cascada de estilos y herencia
5.- Estilos CSS para textos
6.- Ancho y alto
7.- Modelo de cajas
8.- Las propiedades: border, padding y margin
9.- La propiedad Background
10.- Estilo para listas
11.- Estilos CSS para tablas
12.- Estilos para enlaces CSS
13.- Personalizando el cursor
14.- Propiedad display y visivility
15.- Posicionamiento en CSS
16.- La propiedad overflow
17.- Propiedad Z-INDEX en CSS
18.- Ejemplos y ejercicios resueltos