1. Desarrollo web con Flash Práctica 7
Práctica 7: Propiedades de elementos
Verifique las siguientes ligas para referencia más completa con las propiedades de los elementos
HTML:
• http://www.w3.org/TR/CSS21/propidx.html
• http://www.w3schools.com/CSS/CSS_reference.asp
• http://www.htmldog.com/reference/cssproperties/
Display: block, inline y none
Practica 1:
Mediante el uso del archivo display.html, verifique el uso de los modos del display:
• Block
• Inline
• None
Modelo de caja
Practica 2:
Abra el archivo modeloCaja.html e implemente:
• Tamaño del parrafo de 250 px.
• Un borde sólido azul.
• Modifque el borde por punteado en color gris.
• Agregre dos parrafos más, y agregueles un margen.
• Establezca un padding a un parrafo con atributo clase padding.
Ing. Hugo Mendieta Pacheco 1
2. Desarrollo web con Flash Práctica 7
Posición
Cuando se desee sacar a los elementos del flujo normal de lectura.
• Estatic: Todos los elementos por defecto tienen esta propiedad
• Absolute: Lo posiciona con respecto al origen del elemento padre, sacándolo del flujo
normal, usa las propiedades top y left.
• Relative: Cambia la posición normal del elemento, con respecto a esa posición normal, usa
las propiedades top y left.
Practica 3:
Verifique la posición absolute y relative mediante el archivo position.html.
Ing. Hugo Mendieta Pacheco 2