10
ESTRUCTURA CSS

Estructura Css usando CSS

Embed Size (px)

DESCRIPTION

tipos de archivos css

Citation preview

Page 1: Estructura Css usando CSS

ESTRUCTURA CSS

Page 2: Estructura Css usando CSS

ESTRUCTURA CSS SIN NINGUN ESTILO

Page 3: Estructura Css usando CSS

Ejemplo llamando un css desde archivo

Guardadr como estilos.css en una carpeta llamada css

Page 4: Estructura Css usando CSS

Ejemplo llamando un css desde archivo

Guardar como index.html en la misma carpeta (donde se guardo la carpeta css

Page 5: Estructura Css usando CSS

Uso de selectores con etiquetas

Guardar como index.html en la misma carpeta (donde se guardo la carpeta css

Page 6: Estructura Css usando CSS

Uso de selectores con etiquetas

Definición de etiquetas

Page 7: Estructura Css usando CSS

Selectores de párrafoDefinición en html

En la hoja de estilo

Page 8: Estructura Css usando CSS

Selectores con clasesLlamado de la clase

Definición de clase y enlace

Page 9: Estructura Css usando CSS

Unidades relativas: px y em

• Absolutas: cm mm in ( pulgadas)• Relativas : porcentajes ( cajas) y em• Body: defecto: 16 pixeles

Toma el mismo tamaño del body

Page 10: Estructura Css usando CSS

Mas propiedades usando div

Usar tamien width:100%