Karina Rodríguez

Diseño de Medios Inteactivos

Cascading Style Sheets (CSS)

css-reset-reseteando-los-estilos-en-css

CSS (Cascading Style Sheets u Hojas de Estilo en Cascada) es una manera simple de crear páginas web de manera más exacta, es decir que permite añadir estilos a los documentos web. Además, el CSS es usado para definir la presentación de un documento estructurado escrito en HTML o XML, pues el CSS nos permite realizar una mejor presentación de la página como incluir márgenes, tipos de letra, fondos, entre otros.

 

¿Por qué CSS?

Usar CSS nos permite:

  • Separación de forma y contenido. Esta es una ventaja muy grande ya que el diseñador web puede trabajar en conjunto con el programador.
  • Tráfico en el servidor. Las páginas reducen su tamaño en un 40% y 60%, reduciendo el costo de envío de información.
  • Tiempos de carga. Mejora la experiencia del usuario, gracias a su reducción de peso, pues la pagina será más rápida.
  • Mantenimiento. Cuando se quiere realizar un cambio, este reduce el tiempo de mantenimiento.
  • Posicionamiento. Los buscadores realizan una búsqueda más rápida, pues con CSS el código es más limpio ya que se separa del diseño.

¿Cómo funciona CSS?

Se aplican a los documentos HTML bajo lo siguiente:

  • Una hoja de estilo externa. Es una hoja almacenada en un archivo diferente donde se almacena código HTML.
  • Hoja de estilo Interna. Hoja de estilo que esta incrustada dentro del documento HTML
  • Estilo en línea. Inserta el lenguaje de estilo de página.

 

Algo de sintaxis

 

Selector {Propiedad: Valor;}

Ejemplo:

H1 {align: left;}

  • Selector: indica que elemento del HTML afectara (H1: Cabeceras del nivel 1)
  • Declaración: Lo que se encuentra entre los corchetes ({})
  • Propiedad: Es la que asigna un valor  (align: left)

 

 

 

Bibliografía

 

 

Anuncios

Un comentario el “Cascading Style Sheets (CSS)

  1. Raul.
    mayo 28, 2013

    Hola que tal,

    Karina, soy Raul la persona que te contacto para una posible
    colaboracion en el desarrollo de mi proyecto, recibi tu correo
    y dos emails de contacto, a los cuales ya te escribi pero no
    he recibido respuesta.

    Espero pronto puedas contestar, gracias.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Información

Esta entrada fue publicada en abril 10, 2013 por .

Navegación

A %d blogueros les gusta esto: