Professional Documents
Culture Documents
Capitulo 1. Declarando hojas de estilo en cascada CSS (Donde puede ir nuestro cdigo CSS?).
Ejercicio 1: Ejemplo de estilos sin CSS.
Ejercicio 3: Definir CSS en un archivo externo. Crea una carpeta con el nombre de ejercicio3 y dentro crea archivo de tipo CSS, gurdalo con el nombre de estilos.css y agrega el cdigo siguiente:
Nota: los estilos CSS de esta pgina son aadidos mediante el elemento link.
Archivo pantalla.css:
Archivo impresoras-celulares.css
Nota: Generar una vista preliminar de una impresin para notar los cambios.
Ejercicio 7: Comentarios.
Nota: la imagen se encuentra en la carpeta de ejercicios. Jugar con las propiedades y probar cada valor como se manifiesta.
Capitulo 3. Selectores.
Ejercicio 15: Selector de universal.
Nota: de lo anterior se deduce que el atributo .destacado es equivalente a *.destacado, por lo que todos los diseadores obvian el smbolo * al escribir un selector de clase normal.
Ejercicio 26: es posible aplicar los estilos de varias clases CSS sobre un mismo elemento.
Ejercicio 31: A partir del cdigo HTML y CSS que se muestra, aadir los selectores CSS que faltan para aplicar los estilos deseados. Cada regla CSS incluye un comentario en el que se explica los elementos a los que debe aplicarse. El ejercicio se encuentra en el archivo: ejercicio-31.html. Ejercicio 32: Herencia; Cuando se establece el valor de alguna propiedad en un elemento, todos sus descendientes heredan inicialmente ese mismo valor, salvo que se indique lo contrario:
Ejercicio 34:
Ejercicio 35: A partir del cdigo HTML proporcionado, aadir las reglas CSS necesarias para que la pgina resultante tenga el mismo aspecto que el de la siguiente imagen:
Nota: En este ejercicio, se deben utilizar los colores: teal, red, blue, orange, purple, olive, fuchsia y green. El ejercicio se encuentra en el archivo: ejercicio-35.html.
Ejercicio 42: Al usar capas con posicionamiento esttico (normal), hay que tener en cuenta si un elemento es tipo bloque o de lnea.
Ejercicio 45: Posicionamiento absoluto (absolute) a partir de posicionamiento relativo. Aada una nueva propiedad al elmento div: position:relavite.
Ejercicio 48: Posicionamiento flotante (float); capas encimadas, float desaparece del flujo normal.
Ejercicio 49: Posicionamiento flotante (float); todas las capas flotando se reconocen entre s.
Ahora agregue una nueva capa con la propiedad clear:both como se muestra en la siguiente imagen.
Listo! Si has terminado todos los ejercicios ahora ests preparado, a para realizar un quiz (prueba) y corroborar que tanto has aprendido de HTML: Para realizar un test (quiz) en HTML dirgete a la siguiente pgina: http://www.w3schools.com/css/css_quiz.asp