Buscar este blog

Mostrando entradas con la etiqueta propiedades css. Mostrar todas las entradas
Mostrando entradas con la etiqueta propiedades css. Mostrar todas las entradas

sábado, 18 de septiembre de 2010

CSS

Qué son, ventajas y algunas propiedades

CSS son las siglas para Cascading Style Sheets o en español Hojas de Estilo en Cascada. En otras palabras, el CSS es un lenguaje para hojas de estilo que permiten controlar la presentación de los documentos HTML y XHTML.

La ventaja de utilizar CSS es que permite separar el contenido de la presentación y es de gran importancia en la creación de páginas web con bastante complejidad. Las ventajes de hacer dicha separación incluye:
  • Mejor acceso al documento
  • Reduce la complejidad del mantenimiento
  • Permite visualizar el documento en diferentes dispositivos
De esta manera, cuando se desea crear una página web, simplemente se realiza el contenido en lenguaje HTML o XHTML, asignandole las funciones respectivas a cada parte del contenido: párrafo, texto, lista de elementos, tablas, etc. Teniendo el contenido listo, se hace uso del lenguaje CSS para definir el aspecto de cada elemento: tamaño, color, separación, ubicación, etc.

La forma en que CSS funciona es considerando cada elemento como una caja. Las dimensiones de cada caja se pueden controladas para producir una gran variedad de efectos:


Las propiedades que se manejan con CSS son:
  • De Fuente
  • De Color y Fondo
  • De Texto
  • De Cuadros
  • De Clasificación 
  • Unidades
Debido a que hay numerosas propiedades, se nombrarán sólo algunas de las tantas que se pueden encontrar y utilizar. Además, no es necesario utilizarlas todas al momento de diseñar una página web, sino simplemente las que sean útiles y necesarias para lo que necesitemos:

- font-style: nos permite definir el estilo de la fuente. Sus valores posibles son: normal, italic, oblique
- background-attachment: nos permite definir la forma en que queremos tener el fondo, es decir, estático o en movimiento, por lo que sus valores posibles son: scroll, fixed 
- text-decoration: con esta propiedad se puede decorar el texto de 5 maneras diferentes: underline (subrayado), overline (línea superior), line-through (tachado), blink(parpadeo), o la por defecto none (ninguna)

De todas formas, en cualquier momento se puede consultar la lista de propiedades de CSS, directamente desde la página web: http://htmlhelp.com/es/reference/css/properties.html en donde además de encontrar la lista de propiedades, se puede aprender cual es el funcionamiento de cada propiedad y que elementos la componen.