Qué es CSS, en programación web
Enviado por tempi • 24 de Octubre de 2013 • 883 Palabras (4 Páginas) • 1.448 Visitas
¿Qué es CSS, en programación web?
CSS,( Cascading Style Sheets, en español Hojas de estilo en Cascada.) es una tecnología desarrollada por el World Wide Web Consortium (W3C) que nos permite crear páginas web de una manera más exacta. Es un lenguaje utilizado en la presentación de documentos HTML. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y aspecto de una página web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informáticos para elegir multitud de opciones de presentación como colores, tipos y tamaños de letra, etc.
Se basa en separar lo que es la estructura del documento HTML de su presentación. Por decirlo de alguna manera: la página web sería lo que hay debajo (el contenido) y CSS sería un cristal de color que hace que el contenido se vea de una forma u otra.
Algunas opciones básicas del lenguaje CSS pueden ser el poder cambiar el color de algunas típicas etiquetas HTML como Pero también hay funciones algo más complejas, como introducir espaciado entre elementos <DIV> (div es una etiqueta HTML para identificar una determinada región o división de contenido dentro de una página web) o establecer imágenes de fondo.
CSS es muy intuitivo y sencillo una vez se llega a aprender, ya que para su definición siempre se hace uso de un identificador de etiqueta HTML (como por ejemplo <H1>), y luego indicamos con qué aspecto queremos que se muestren todas las etiquetas que aparezcan en un documento. Al igual que con <H1> podemos definir cómo queremos que se muestren las distintas partes del documento HTML, pudiendo en cada caso definir sus propiedades (color, tipo de fuente, tamaño, espacio, imagen) con algún determinado valor deseado.
¿Cómo se programan, codifican, colocan en una página web?
Las Hojas de Estilo en Cascada se escriben dentro del código HTML de la página web, solo en casos avanzados se pueden escribir en un archivo a parte y enlazar la página con ese archivo
Por ejemplo declarando un atributo (en este caso el style) dentro de la misma etiqueta:
<p style="color:green;font-weight:bold">El párrafo saldrá con color verde y en negrita</p>
Dentro del atributo style se deben indicar los atributos de estilos CSS separados por punto y coma (;). Los dos primerosatributos de CSS mostrados son:
Color: indica el color del contenido la etiqueta donde estemos utilizándolo
Font-weight: indica el grosor del texto.
Color en los enlaces
Con HTML definimos el color de los enlaces en la etiqueta <body>, con lo atributos link, vlink y alink. Esto nos permite cambiar el color de los enlaces para todo el documento. Para cambiar el color de un enlace en concreto utilizamos el atributo style dentro del enlace:
<a href="mienlace.html" style="color:red">
Espaciado entre líneas
Con CSS podemos definir el espacio que hay entre cada línea del documento, utilizando el atributo line-height
<p style="line-height: 25px;"> Texto
</p>
Enlaces sin subrayado
Uno de los efectos más significativos y fáciles de realizar con CSS es eliminar el subrayado de los enlaces de una página web. Este atributo que sirve para definir la decoración de un texto, si está subrayado, tachado, o si no tiene ninguna de estas "decoraciones". Es el atributo text-decoration, en este caso indicaremos en un enlace que no queremos decoración:
<a href="mipagina.html" style="text-decoration:none">
Incluir estilos para
...