CSS Y CLASS

¿QUE ES UN CSS?

CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.

CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documento.

Class

En un documento HTML, los selectores de clase buscan un elemento basado en el contenido de su atributo class. El atributo class está definido como una lista de elementos separados por espacio, y uno de esos elementos debe coincidir exactamente con el nombre de clase dado en el selector.

jemplo

Esta etiqueta HTML tiene un atributo class y un atributo id:

<p class="key" id="principal">

El valor de id es, principal, debe ser único en el documento; pero otras etiquetas del documento puede tener el mismo nombre de la class, Key.

En una hoja de estilo CSS, esta regla hace que todos los elementos con la class key sean verdes . (Puede ser que no todos los sean {{HTMLElement ()} "p"} elementos.)

.key {
  color: green;
}

Esta regla hace que el único elemento de id principal este en negrita:

#principal {
  font-weight: bolder;
}

CSSSección

Selectores de tipo

Selecciona todos los elementos que coinciden con el nombre dado.
Sintáxis: eltname
Ejemplo: input se aplicará a cualquier elemento <input>.

Selectores de clase

Selecciona todos los elementos dado un atributo de class.
Sintáxis: .classname
Ejemplo: .index se aplicará a cualquier elemento que tenga la clase "index".

Selectores de ID

Selecciona un elemento basándose en el valor de su atributo id. Solo puede haber un elemento con un ID dado en un documento.
Sintáxis: #idname
Ejemplo: #toc se aplicará a cualquier elemento que tenga el ID "toc".

Selector universal

Selecciona todos los elementos. Puede estar restringido a un espacio de nombres o a todos los espacios de nombres.
Sintáxis: * ns|* *|*
Ejemplo: * se aplicará a todos los elementos del documento.

Selectores de atributo

Selecciona elementos basándose en el valor de un atributo dado.
Sintáxis: [attr] [attr=value] [attr~=value] [attr|=value] [attr^=value] [attr$=value] [attr*=value]
Ejemplo: [autoplay] se aplicará a todos los elementos que tengan el atributo "autoplay" asignado (a cualquier valor).

https://developer.mozilla.org/es/docs/Web/CSS/Introducci%C3%B3n/Selectors

http://www.masadelante.com/faqs/css

https://developer.mozilla.org/es/docs/Web/CSS/Selectores_CSS