CSS o lo que es lo mismo Cascading Style Sheets (Hoja de estilos en cascada), es utilizado por los desarrolladores para separar la estructura de un documento HTML de su aspecto visual. En estos días estamos trabajando en clase el uso de estilos en los documentos html que hemos desarrollado. Cuelgo un ejemplo del uso de estilos con CSS que he elaborado.
(se incluyen identificadores, clases, mezcla de clases y pseudo-clases).
Si pinchas en este enlace verás un ejemplo de código html generado sin tener aplicado ningún formato ni estilo.
En el siguiente enlace se muestra el mismo documento html con una hoja de estilos personalizada.
(incluso sin usar javascript, podemos simular botones)
Probado con mozilla.
Este ejemplo puede servir de ejercicio para los alumnos:
En el documento html he incluido determinados identificadores y clases tanto a capas como a etiquetas, de manera que se propone sin tocar el código del html original, crear una hoja de estilos que pueda personalizar dicha estructura.
PD: eso del rosa me ha sido inspirado por mi futura nena.
http://www.lluyot.com/drupal/content/ejercicio-html-css-modificaci%C3%B3n-en-la-hoja-de-estilos
http://www.lluyot.com/drupal/content/ejercicio-html-css-modificaci%C3%B3n-en-la-hoja-de-estilos
No hay comentarios:
Publicar un comentario