¿Qué es una hojas de estilos CSS?

El CSS es el método que se utiliza para definir el estilo de los elementos en HTML es decir de las páginas web.

¿Qué es CSS?

CSS son las siglas de Cascading Style Sheets (Hojas de estilo en cascada) y es un sencillo lenguaje de programación, fácil de entender y comprender sin ser un especialista.
Consiste en un grupo de reglas que los navegadores web interpretan y de acuerdo a lo especificado, representan el contenido de la página.
Se ha convertido en casi un arte, mediante el cual se pueden crear millones de combinaciones posibles, siendo posible expresar visualmente en una página el estilo del gusto de su creador.
Mediante CSS se pueden configurar muchos parámetros, entre ellos el color, el tamaño, la posición, el formato del texto, posicionar cualquier elemento, definir la estructura de un documento de acuerdo al ancho de la ventana del navegador del lector, etc.

Veamos las sintásis

¿Cómo funciona el CSS?

CSS funciona mediante reglas que especifican exactamente el estilo de uno o varios elementos en una página.
Una regla posee tres elementos básicos que se expresan de la siguiente forma en el código:

selector {
 propiedad: valor;
}

✔ Selector. Permite especificar el elemento al que se aplica la regla.
Se pueden usar nombres de elementos en HTML (por ejemplo: a, body, h1), identificadores (DIV) anteponiéndoles el carácter # y clases (CLASS) anteponiendo el carácter .(punto).
✔ Bloque de declaración. Se define entre llaves y está formado por una o varias declaraciones de estilo.
Cada una incluye la propiedad y su valor.

La propiedad y el valor tienen que estar separados por dos puntos y la declaración termina con un punto y coma.
Cualquier equivocación al usar estos signos de puntuación, provoca que la regla no funcione correctamente.

/* Hoja de estilos css */

.apptivaweb {
    width: 1170px;    /* Ancho del contenedor */
    margin: 0 auto;   /* contenedor centrado */
    background: peru; /* color de fondo  (peru, #ff00ff, 255,00,255,1) */
}

Explicando el código anterior, declaramos una clase llamada apptivaweb a la cual le asignamos un ancho, centrado y por último un color de fondo, sencillo verdad!!

Leido 3937 veces