UNIDAD II

Desarrollo Web con HTML, CSS y Javascript

Miguel Cantillana F

<miguel.cantillana@udp.cl>

Hojas de estilo en cascada (CSS)

¿Qué es CSS?

Estructura y sintaxis CSS

Herencia y Cascada

Herencia

Cuando se establece el valor de una propiedad CSS en un elemento, sus elementos descendientes heredan de forma automática el valor de esa propiedad.

Cascada

Selectores de Clase, de ID y Generales

Selector de clase

.clase_texto {
    color:#FF0000;
    font-size:14px;
}

Selector de ID

#texto {
    color:#FF0000;
    font-size:14px;
}

Selectores generales

p {
    color:#FF0000;
    font-size:14px;
}

h2 { background:olive}

Propiedades CSS

Propiedades de CSS

  • Fondo
  • Textos
  • Fuentes
  • Bordes
  • Márgenes
  • Padding
  • Listas

Propiedades CSS3

CSS3

  • Border Radius
  • Box Shadow
  • Text Shadow
  • RGBA
  • @Font Face
  • CSS Gradient

Selectores de CSS avanzado

Pseudo Clases

a:focus
a:hover
a:active
input:focus
p:first-lin
p:first-letter

Descargar el documento y seguir las instrucciones del documento.

Créditos

Made with Slides.com