lunes, 20 de octubre de 2008

CSS

Iniciando en css


Css se traduce como: hojas de estilos en cascada, el concepto es sencillo, definir estilos solo una vez y utilizarlos para cuantas paginas sean necesarias en nuestros sitios web, exactamente igual que como se hace con un documento de word al que se le define una plantilla y luego se usa esa plantilla para dar formato a diferentes partes del documento, el encargado de aplicar el css es el navegador, por lo que han habido grandes esfuerzos de parte del W3C para estandarizar la forma en que se desarrolla e implementa CSS.


La fortaleza de CSS y la razon por la que me identifico con él es sencilla: Permite usar nuestra habilidad para conciliar y mezclar reglas de distinta naturaleza de tal forma que podamos confeccionar nuestras paginas de la manera que se nos pegue la gana, ¿Parecido a la programación?, si, pues css fue creado por y para programadores y no por diseñadores (para los diseñadores existe el odioso flash) La version más reciente de css es la 2.1 y se esta trabajando en la version 3


Tipos de reglas


Puesto que css se maneja mediante reglas, existen tres formas para aplicarlas, y aplicarlas resulta tan sencillo que los usuarios no tendran que hacer nada raro como instalar plug-ins u otro tipo de software.


Una regla css especifica el HTML al que se aplicará tal regla y a continuación especifica la forma en que dicho HTML se comportará en la ventana del navegador, se puede especificar el comportamiento para determinadas etiquetas HTML o se pueden crear reglas genericas que puedan aplicarse mas tarde a cuantas etiquetas querramos.
Las tres formas mas comunes de aplicar estilos son las sguientes:


Selector HTML
En éste caso, el nombre de la etiqueta HTML es usado para redefinir la apariencia del contenido de la etiqueta, por ejemplo, la etiqueta <p> tendra como selector css p ejemplo: p { font: bold 12pt times; } .

Selector de clase
Una clase puede aplicarse a cualquier etiqueta HTML, ésto lo hace el tipo de selector css más versatil. A una clase puede darsele practicamente cualquier nombre, siempre y cuando empiezen con un . (punto), un ejemplo de selector de clase es el siguiente: .claseEjemplo { font: bold 12pt times; }. Así ésta regla puede aplicarse a muchas etiquetas en lugar de solo a las etiquetas <p> como en el caso del ejemplo anterior.

Selector de ID
Igual que las clases, se pueden aplicar a cualquier etiqueta, pero solo una vez en una página y para una etiqueta dada de antemano, dicha etiqueta es generalmente una etiqueta habilitada como objeto javascript.
#objeto { position: absolute; padding: 2px; }.

Las reglas css tienen una estructura Selector, propiedad, valor organizada de la siguiente manera: selector { propiedad: valor; } .

2 comentarios:

Eo dijo...

Simple words informatica, no más porque soy de sistemas te entendi y lo termine de leer, muchos que paseen pueden quedar dormidos a media lectura jajaja.

ya checaste el rumor del amero?

Levan dijo...

Estoy por mover esta entrada a otro blog, donde intentare escribir lo que voy aprendiendo de css, asi que si necesitas una referencia algun dia, ya sabes a donde acudir.