Wikipedia nos dice que CSS, hojas de estilo en cascada es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML.
Una hoja de estilos CSS consiste en una serie de reglas. Cada regla consiste en uno o más selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento que cumplan con el selector que les precede. Cada bloque de estilos se define entre llaves, y está formado por una o varias declaraciones de estilo con el formato propiedad:valor;.
Hasta aqui, la teoría, ahora la práctica. Esta muy bien utilizar hojas de estilo en nuestras webs ya que nos dan sensación de unidad, es decir que los mismos objetos (imágenes, tablas, listas ..) tendrán el mismo aspecto en todas las hojas de la web.
Amén de que es muy util tener separado el contenido del estilo, sobre todo de cara afacilitar su lectura a personas que tienen discapacidad visual y necesitan utilizar lectores para navegar en la web.
Actualmente su uso es muy generalizado. Ya que las plantillas que usamos en blog (blogger, wordpress) , gestores de contenidos (joomla...) y plataformas educativas (moodle...) se van en el uso de las CSS.
Pero que hacer cuando queremos modificar la hoja de estilo y no tenemos "ni idea" de como hacerlo?. Hay varias opciones:
Nos ofrece una selección de tipos de listas y nos da el código HTML que debemos introducir en nuestra web ademas delas lineas que tenemos que poner en la hoja de estilo
Una hoja de estilos CSS consiste en una serie de reglas. Cada regla consiste en uno o más selectores y un bloque de estilos con los estilos a aplicar para los elementos del documento que cumplan con el selector que les precede. Cada bloque de estilos se define entre llaves, y está formado por una o varias declaraciones de estilo con el formato propiedad:valor;.
Hasta aqui, la teoría, ahora la práctica. Esta muy bien utilizar hojas de estilo en nuestras webs ya que nos dan sensación de unidad, es decir que los mismos objetos (imágenes, tablas, listas ..) tendrán el mismo aspecto en todas las hojas de la web.
Amén de que es muy util tener separado el contenido del estilo, sobre todo de cara afacilitar su lectura a personas que tienen discapacidad visual y necesitan utilizar lectores para navegar en la web.
Actualmente su uso es muy generalizado. Ya que las plantillas que usamos en blog (blogger, wordpress) , gestores de contenidos (joomla...) y plataformas educativas (moodle...) se van en el uso de las CSS.
Pero que hacer cuando queremos modificar la hoja de estilo y no tenemos "ni idea" de como hacerlo?. Hay varias opciones:
- hacer un curso acelerado de CSS online o presencial.
- chapucear a ver si consigo algo, mediante ensayo y/o error, el archivo de la hoja de estilo a traves de algun editor como ediplus o wordpad
- la que yo recomiendo: dejarte guiar ....
- CSS Zen Garden: http://www.csszengarden.com/
- Listamatic: http://css.maxdesign.com.au/index.htm
- CSS Table Gallery: http://icant.co.uk/csstablegallery/
CSS Zen Garden
Nos muestra como puede cambiar una web con la utilización de una u otra hoja de estilo. Fijaros en estas imagenes que muestran el mismo contenido de una web pero utilizando tres hojas de estilo diferentes:
Listamatic Maxdesign
Nos ofrece una selección de tipos de listas y nos da el código HTML que debemos introducir en nuestra web ademas delas lineas que tenemos que poner en la hoja de estilo
CSS Table Gallery
Es un servicio similar a Listamatic pero referido a tablas. Nos afrece la posibilidad de ver el efecto de la CSS in situ antes decidirnos por su uso:
Comentarios
Publicar un comentario