Css

3
Elías Champi lenguajes de programación Css ES UN LENGUAJE DE PROGRAMACION QUE trabaja en base de reglas. Se usa para crear hojas de estilo en cascada en HTML. Agregar estilos(style) a nuestra pagina Las reglas son unidades de bloques de código Se dividen en dos partes: 1. El selector ejemplo Body { } La expresión BODY (que viene a ser el cuerpo en HTML) es el selector al cual se le añadirá los efectos, animaciones y estilos. o LOS SELECTORES son siempre la parte inicial de la regla y hacen referencia al código HTML al que se añadirá el estilo. _______________________________________________ _______________ La segunda parte son las DECLARACIONES { }………………..LAS DECLARACIONES SON LA UNIDAD DE BLOQUES DE CODIGO

description

curso de css

Transcript of Css

Page 1: Css

Elías Champi lenguajes de programación

Css ES UN LENGUAJE DE PROGRAMACION QUE trabaja en base de reglas.

Se usa para crear hojas de estilo en cascada en HTML. Agregar estilos(style) a nuestra pagina Las reglas son unidades de bloques de código

Se dividen en dos partes:

1. El selector ejemplo

Body {

}

La expresión BODY (que viene a ser el cuerpo en HTML) es el selector al cual se le añadirá los efectos, animaciones y estilos.

o LOS SELECTORES son siempre la parte inicial de la regla y hacen referencia al código HTML al que se añadirá el estilo.

______________________________________________________________

La segunda parte son las DECLARACIONES

{

}………………..LAS DECLARACIONES SON LA UNIDAD DE BLOQUES DE CODIGO

Esto quiere decir que todo lo que este dentro de esos corchetes se aplicara al selector mencionado

Dentro de un bloque declaración tenemos varias declaraciones.

Body {

Font-size: =1em;

Color: #333333;

Font-family: verdana, arial, helvética, sans serif;

}

Las declaraciones serán unidades de estilo y se componen de:

Page 2: Css

Elías Champi lenguajes de programación

Parejas de propiedades

1. Propiedad (nombre de propiedad)Color, tamaño, tipografía, etc.

2. Valor (información que se le asigna a la propiedad)

Propiedad__________________valor

Color: #333333;

Font-size: 1em;