Hojas de estilos CSS

La Hoja de Estilos CSS es un lenguaje de programación que permite configurar muchos parámetros entre ellos el color, tamaño, posición renderizado en HTML

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.
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!!

Código fuente completo de Hojas de estilos CSS

DESCARGAR

Visitas: 54 | Publicado:2018-10-24 16:56:03

Publicaciones que te pueden interesar

Facebook Twitter Youtube Pinterest Wordpress Google Plus

:: Calle Paucarpata 130 Of. 212 2do Piso CC. AQPcompucentro ::
:: © Todos los derechos reservados APPTIVA WEB | Arequipa Perú 2010-2018 ::