You are on page 1of 4

Lenguajes de Cuarta Generacin

Tema: CSS
Wilbur Powery
CSS llamado as por sus siglas en Ingles que significan Cascading Style Sheets
traducido al espaol como Hojas de Estilo en Cascada, es un lenguaje de
programacin usado para definir y crear la presentacin de un documento
estructurado o escrito en lenguaje HTML o XML.
La idea que se encuentra detrs del desarrollo de CSS es bsicamente separar
la estructura o la maquetacin de un documento de su presentacin.
La informacin de estilo puede ser definida en un documento separado o en el
mismo documento HTML. En este ltimo caso podran definirse estilos
generales en la cabecera del documento o en cada etiqueta particular
mediante el atributo <style>.

Breve Historia
Las hojas de estilos aparecieron poco despus que el lenguaje de etiquetas
SGML, alrededor del ao 1970. Desde la creacin de SGML, se observ la
necesidad de definir un mecanismo que permitiera aplicar de forma
consistente diferentes estilos a los documentos electrnicos.
El gran impulso de los lenguajes de hojas de estilos se produjo con el boom de
Internet y el crecimiento exponencial del lenguaje HTML para la creacin de
documentos electrnicos. La guerra de navegadores y la falta de un estndar
para la definicin de los estilos dificultaban la creacin de documentos con la
misma apariencia en diferentes navegadores.
El organismo W3C (World Wide Web Consortium), encargado de crear todos los
estndares relacionados con la web, propuso la creacin de un lenguaje de
hojas de estilos especfico para el lenguaje HTML y se presentaron nueve
propuestas. Las dos propuestas que se tuvieron en cuenta fueron la CHSS
(Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal).
En 1995, el W3C decidi apostar por el desarrollo y estandarizacin de CSS y lo
aadi a su grupo de trabajo de HTML. A finales de 1996, el W3C public la
primera recomendacin oficial, conocida como "CSS nivel 1".
La primera especificacin oficial de CSS, recomendada por la W3C fue CSS1,
publicada en diciembre 1996, y abandonada en abril de 2008.
La especificacin CSS2 fue desarrollada por la W3C y publicada como
recomendacin en mayo de 1998, y abandonada en abril de 2008.

Sintaxis y Estructura
CSS tiene una sintaxis muy simple y fcil de aprender. Al definir un estilo se
utilizan reglas de texto simples para describir el aspecto de los elementos de la
pgina. Una regla CSS se caracteriza por dos elementos principales:

Un selector de tipo para especificar a qu etiquetas del documento se


aplica el estilo.
Una declaracin de estilo, que se define entre parntesis, para
especificar qu estilo aplicar a las etiquetas seleccionadas. A su vez, la
declaracin est compuesta por:
Una o ms propiedades, seguidas por el carcter ":" (dos puntos)
Uno o ms valores asociados a cada propiedad, entre comillas y
separados por comas si hay mltiples valores, y todos seguidos
por un punto y coma.

Por lo tanto, la sintaxis es:

Lo que se present anteriormente es la sintaxis de CSS de la manera ms


simple posible. Primeramente comenzamos escribiendo o declarando el
nombre del selector comenzando con el signo # para un nombre es
especifico, para etiquetas propias de HTML como el head o body solamente
ponemos el nombre. Luego establecemos la propiedad seguido del valor que le
queremos dar.
Los selectores son aquellos sobre los que se aplica la definicin del estilo CSS.
Hay 3 tipos de selectores:
1. Etiqueta HTML
2. Clase
3. Identidad

Etiqueta HTML: Cualquier etiqueta HTML es un selector (eliminando los < y


>). Por lo que cualquier elemento de una pgina puede ser modificado
genricamente para que tome un mismo aspecto, por ejemplo:
p {font: 13px bold Arial;}
Clase: Una clase es un selector que afectar slo a aquellas etiquetas que
nosotros decidamos, por ejemplo:
.rojo {color: red;}
Identidad: Por ltimo encontraramos los selectores de identidad. Estos slo
se aplican una vez y se asocian a una etiqueta.
#contenedor {width: 600px;}

Dependencias
Las dependencias son muy importantes en cualquier archivo escrito en
cualquier lenguaje de programacin que existe y CSS no es la excepcin.
Existen muchas libreras que podemos importar en nuestro archivo para poder
usar otras herramientas como lo son las libreras de javascript y Twitter
Bootstrap etc
Podemos importar muchas otras libreras o dependencias como por ejemplo si
usamos Bower, Grunt

Aplicaciones
El desarrollar aplicaciones Web utilizando CSS es muy importante pues nos
ayuda a darle un mejor estilo a nuestra aplicacin o pgina web y poder
manejar su estilo de manera ms ordenada y simple.
Existen muchas aplicaciones que un desarrollador puede utilizar a la hora de
trabajar con archivos CSS, muchos de ellos son muy famosos actualmente y
otros no necesariamente lo son.
Entre algunos tenemos:
Style Master:
Style Master es una de las mejores opciones para editar CSS. Es mucho ms
que un editor de texto, entre sus novedades destacan la creacin de estilos
basados en tu HTML y editor CSS en tiempo real de sitios basados en PHP,
Ruby, ASP.NET entre otros para concluir con la edicin CSS via FTP.
Rapid CSS Editor:
Con Rapid CSS Editor puedes crear y editar hojas de estilo de forma rpida.
Puedes escribir el cdigo manualmente o que el programa lo haga por t. Viene

con herramientas muy tiles como pueden ser el autocompletado, inspector de


cdigo y chequeador CSS. Los resultados se muestran instantneamente. Est
claro que esta utilidad est pensada para ahorrarte tiempo de trabajo.
EngInSite CSS Editor:
EngInSite CSS Editor es una herramienta para editar cdigos CSS que ahorrar
tiempo y har aumentar tu creatividad.
Entre muchos otros que existen.

Ejemplo
Existen muchos ejemplos de sitios web muy dinmicos y bien diseados
utilizando CSS que podemos encontrar en el internet.
A continuacin mostrare un pequeo ejemplo de cdigo CSS que escrib yo
mismo:

You might also like