¿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;
}
- 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