Ejercicios resueltos de CSS

1 Ejercicios trabajando con textos.

En este primer ejercicio se verán las posibilidades más elementales con hojas de estilos: Aplicar a clase, a id, a etiqueta y utlizar HTML para el diseño.


2 Ejercicios trabajando con hipervinculos.

Ejercicio con pseudo-clases en la que se ven diferentes estilos cuando el usuario pasa el ratón, cuando se ha visitado, etc.


3 Ejercicio: elementos de bloque, elementos de linea y elementos de lista.

Ejercicio que crea un estilo que pone un borde a todas las etiquetas de la pagina.


4 Ejercicio de posicionamiento

Ejercicio con diferentes posibilidades de la distribucion de capas en una página.


5 Ejercicio: una hoja de estilo para 2 páginas.

Tenemos varias formas de aplicar los estilos: en linea (cuando solo se lo queremos aplicar a una etiqueta concreta en todo el sitio), en una hoja de estilos interna (cuando solo se lo queremos aplicar a una pagina del sitio en concreto) y en una hoja de estilos externas (cuando se lo queremos aplicar a varias paginas en el sitio). Vamos a hacer 2 paginas: par.html y lmsgi.html, a estas les aplicaremos los mismos estilos.


6 Ejercicio de estilos compuestos

Ejercicio con diferentes posibilidades de estilos compuestos.


7 Ejercicio de estilos compuestos

Ejercicio con diferentes posibilidades de estilos compuestos.


8 Varios

Ejercicio con diferentes posibilidades de estilos.


9Elementos flotantes

Ejercicios para comprender la propiedad float y clear


10Elementos flotantes para distribución de página

Ejercicio que crea una página en la que la distribución se realiza dentro de capas aprovechando las propiedades css: float, clear, etc.


11Margenes, padding y bordes

Ejercicio para ver los efectos de los margenes, padding y bordes en los elementos.


12Orden de aplicación

Ejercicio para ver como unos estilos pueden anular a otros.


13Combinación de estilos

Ejercicio con combinaciones de estilos.


14Posicionamiento

Ejercicio con posicionamiento


15Ejercicio completo paso a paso

Ejercicio partiendo de cero para conseguir una distribución con estilos.