Propiedades en CSS

Las propiedades en CSS son las características que controlan la apariencia de los elementos seleccionados. A continuación, se presentan algunas propiedades comunes.

Propiedades Comunes

1. Propiedad color

La propiedad color se utiliza para definir el color del texto dentro de un elemento:

p {
    color: green;
}
                

Este código cambiará el color del texto de todos los párrafos a verde.

2. Propiedad background-color

La propiedad background-color cambia el color de fondo de un elemento:

div {
    background-color: lightblue;
}
                

Este código aplicará un fondo de color azul claro a todos los elementos <div>.

3. Propiedad font-size

La propiedad font-size define el tamaño de la fuente en un elemento:

h1 {
    font-size: 32px;
}
                

Este código hará que el tamaño de la fuente de todos los encabezados <h1> sea de 32 píxeles.

4. Propiedad margin y padding

La propiedad margin define el espacio exterior de un elemento, mientras que padding define el espacio interior:

div {
    margin: 20px;
    padding: 10px;
}
                

Este código agregará un margen de 20 píxeles alrededor de todos los elementos <div> y un relleno de 10 píxeles dentro de ellos.

Ejemplo Completo de Código

                
p {
    color: green;
}
                
div {
    background-color: lightblue;
    margin: 20px;
    padding: 10px;
}
                
h1 {
    font-size: 32px;
}