Anda di halaman 1dari 16

Qu es CSS?

Es la tecnologa empleada para solventar los conflictos que genera el excesivo uso de tablas y cdigo en HTML, y de esta manera separar la presentacin del contenido.

Cada cambio que se realice no tendra que hacerse a cada pgina sino que afectara a todos los elementos vinculados con esa hoja de estilo, lo cual es muy til para sitios que contengan muchas pginas.

Las hojas de estilo hicieron su aparicin alrededor del ao 1970, poco despus de la creacin del lenguaje de etiquetas SGML, donde ya se observ la necesidad de un estndar que permitiera aplicar diferentes estilos de forma rpida y eficaz sobre distintos documentos electrnicos. El organismo 3wC (World Wide Web Consorcium) , organismo encargado de crear los estndares relacionados con la web, propuso la creacin de un lenguaje de hojas de estilos especfico para HTML
1995 INVIERTE 1994 1996 1

CSS
1998 2 2009 3

Ventajas de las CSS


1. Separar nuestro cdigo HTML del diseo (CSS) nos va a permitir tener un cdigo ms limpio y claro.

2. Para los diseadores, les permite modificar el aspecto del diseo de un sitio web modificando nicamente la hoja de estilo aportando un importante ahorro de tiempo y esfuerzo.
3. Para los buscadores el contenido importante es el primero aparece, a travs de CSS, podemos lograr que los elementos aparezcan en el orden que deseemos (contenido principal, men izquierdo, men principal, cabecera), permitindonos mejorar el posicionamiento en internet. 4. El uso del estndar CSS de la W3C evitar visualizaciones errneas de nuestra web en los diferentes navegadores.

CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o ms elementos. Las hojas de estilo estn compuestas por una o ms de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaracin. A su vez la declaracin est compuesta por una propiedad y el valor que se le asigne. Selectores: Indican sobre que elementos queremos trabajar. Atributos: Identifican a que estilo nos referimos. Valores: Indican como queremos que sea ese atributo.

Las reglas en lnea se aplican a un solo elemento en un documento HTML. Las reglas de estilo integradas o en lnea son la forma ms elemental de usar CSS. Se trata simplemente de asignar una regla a una etiqueta HTML por medio del atributo style. ejemplo:

<p style="color:00ff00; font-family:Verdana;">Prrafo de texto</p>


Sin afectar a todos los dems, aparecer en color rojo y con fuente Verdana. Es una forma muy simple y poco eficiente de usar CSS, porque deberamos repetir la regla cada vez que queramos el texto en rojo y Verdana.

Las hojas de estilo incrustadas se definen en la cabecera <head> del documento mediante la etiqueta<style>, y se aplican a todo el documento.
Por ejemplo:
<head> <meta http-equiv=Content-Type content=text/html; charset=UTF-8 /> <title>Hoja de estilo incrustada (CSS)</title> <style type="text/css"> p {color:00ff00; font-family:Verdana;} </style> </head>

Las hojas de estilo incrustadas se usan cuando el nmero de estilos en un documento es muy pequeo o para completar los estilos que se aplican por defecto en todo el sitio web mediante hojas de estilo externas.

Las hojas de estilo externas son documentos de texto, con la extensin .css, que almacenan todas las reglas de estilo y que pueden ser llamados por tantos documentos HTML como se quiera mediante la etiqueta<link> de la cabecera <head>. El procedimiento es: 1. Se crea un archivo de texto con las reglas de estilo: p {color:00ff00; font-family:Verdana;}
2. Se guarda el archivo como estilos.css (atencin con la extensin!)

3. Se llama la hoja de estilos desde el documento HTML mediante la etiqueta <link>: <head> <meta http-equiv=Content-Type content=text/html; charset=UTF-8 /> <title>Hoja de estilo externa (CSS)</title> <link href="estilos.css" rel="stylesheet" type="text/css" media="screen" /> </head>

Las hojas de estilo externas son las ms utilizadas porque permiten dotar de un aspecto uniforme a todo un sitio web. Basta con enlazar cada pgina del sitio a la hoja de estilos. De esta forma, el mantenimiento se simplifica al mximo porque slo con modificar el archivo CSS se puede cambiar todo el diseo del sitio, garantizando la aplicacin homognea de estilos en todas las pginas.

QUE ES XML?
significa lenguaje de marcas generalizado (Extensible Markup Language). Es un lenguaje usado para estructurar informacin en un documento o en general en cualquier fichero que contenga texto, como por ejemplo ficheros de configuracin de un programa o una tabla de datos. Es de estndar abierto y libre, creado por el Consorcio World Wide Web, W3C (los creadores de la www), en colaboracin con un panel que incluye representantes de las principales compaas productoras de software. El XML fue propuesto en 1996, y la primera especificacin apareci en 1998.

XML no es un lenguaje de etiquetas, sino un conjunto de reglas para definir lenguajes de etiquetas (como XHTML). XML me dice como crear mis propias etiquetas. Si examinamos en Microsoft Internet Explorer, veremos una mezcla de texto legible y etiquetas de Lenguaje de marcado de hipertexto (HTML), como <p> y <h2>. Las etiquetas de los documentos HTML y XML son fciles de reconocer porque estn delimitadas por corchetes angulares. En el cdigo fuente de este artculo, las etiquetas HTML desempean varias funciones, como definir el principio y el final de cada prrafo (<p> ... </p>)

XML permite crear cualquier etiqueta necesaria para describir los datos y la estructura de esos datos. EJEMPLO: Se necesita almacenar y compartir informacin sobre mascotas. Puede crear el siguiente cdigo XML: <?xml version="1.0"?> <CAT> <NAME>Izzy</NAME> <BREED>Siamese</BREED> <AGE>6</AGE> <ALTERED>yes</ALTERED> <DECLAWED>no</DECLAWED> <LICENSE>Izz138bod</LICENSE> <OWNER>Colin Wilcox</OWNER> </CAT>

HTML se centra en el despliegue y es menos estructurado. Las etiquetas y atributos son fijos. XML es sobre datos y es sumamente estructurado Las etiquetas y atributos son extensibles <P><b>El amor es la Compensacin de la Muerte;<br> Su correlativo Esencial</b> <I>arthur</I> Precio:<i>200 Pesos</i><p>

<libros>
<titulo> El amor es la Compensacin de la Muerte; Su correlativo Esencial </titulo> <autor>Arthur Schopenhauer</autor> <precio Moneda=$>200 Pesos</precio> </libros>

Anda mungkin juga menyukai