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

Actividad en clases

Descargar el documento y seguir las instrucciones del documento.

Créditos

UDP:PER9328 / Introducción a CSS3

By Miguel Cantillana

Made with Slides.com

UDP:PER9328 / Introducción a CSS3

Clase 4

  • 920

More from Miguel Cantillana