CSS

Css significa cascading style sheets (hojas estilo de cascada) es la herramienta por la cual se modifica el estilo, el color y el diseño del HTML o XML es decir del documento que contiene la web. La ayuda que ofrece el css al html es reducir código y no “ensuciar” de manera incomoda en si el código html si no crear un archivo css aparte donde se realizara la parte de diseño. 

Un archivo css conjuga los estilos que definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo.

El css funciona con reglas las cuales regulan el estilo del documento, estas se dividen en dos partes: selector y declaración.

Ejemplo:

h1 {color: red;}

h1 es el selector

{color: red;} es la declaración

En donde el selector hace como el enlace entre el documento y el estilo que se va asignar, enfocando así a elementos que se veran afectados por la declaracion que se hace.

Imagen

Existen tambien diferentes formas de usar el css una se llama  estilo en línea (online) es donde se coloca directamente el lenguaje del estilo dentro de una etiqueta html no tiene una manera estructural, ni organizada pero funciona, el segundo es una hoja de estilo interna es una hoja de estilo la cual esta definida por la etiqueta <style> que esta incrustada en el documento html, dentro de otra etiqueta llamada <head> separando propiamente la información del estilo, teniendo asi una organizacion en el documento, y la ultima manera es en una hoja de estilo externa es una hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML.

Tutoriales

http://librosweb.es/css/capitulo_15/ejercicio_2.html

http://librosweb.es/css/capitulo_16/solucion_ejercicio_7.html

Ejemplo:

/* Todos los elementos de la pagina */
* { font: 1em/1.3 Arial, Helvetica, sans-serif; }

/* Todos los párrafos de la pagina */
p { color: #555; }

/* Solo los párrafos contenidos en #primero */
#primero p { color: #336699; }

/* Todos los enlaces la pagina */
a { color: #CC3300; }

/* Los elementos em contenidos en #primero */
#primero em { background: #FFFFCC; padding: .1em; }

/* Todos los elementos em de tipo especial en toda la pagina */
em.especial { background: #FFCC99; border: 1px solid #FF9900; padding: .1em; }

/* Elementos span contenidos en .normal */
.normal span { font-weight: bold; }

Anuncios

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