Conceptos básicos |
|
| Agrupación | La Agrupacion permite al autor asignar una declaracion a múltiples elementos (selectores).H1, H2, H3, H5 {color: purple;} |
| Clases (atributo de etiqueta) |
Los selectores de clases pueden ser usados como un atributo de una etiqueta. Un selector de clase es una cadena de caracteres precedida de un punto. No use el punto cuando se esta referenciando a la clase. No comience el nombre de la clase con un número, aunque IE4/5 se lo permita..example {color: red;}
<P class=”example”> Esto es un ejemplo en rojo. </P> |
| ID (atributo de etiqueta) |
Los selectores de ID pueden ser usados como un atributo de una etiqueta. Un selector ID es una cadena de caracteres precedida de un marcador hash (#), y es llamado con el atributo ID=. El marcador hash no aparece en el valor de la ID. Funciona como el selector de clase excepto que el ID solo puede ser usado una vez en el documento.#i5 {color: red;} <P ID=”i5″> Esto es un texto con una ID de ‘i5′. </P> |
| Selectores contextuales | Hechos de uno o mas selectores delimitados por espacios. El ejemplo indica que la negrita sera roja solo cuando se encuente en etiquetas H1.H1 B {color: red;}
<H1>Esto es <B> rojo</B>.</H1> <P>Esto <B>no</B>.</P> |
| Comentarios | Es buena idea dejar comentarios. Afecta a lo que hay dentro, incluso entre lineas./* Esto es un comentario. */ |
| Etiquetas DIV y SPAN | Estas dos etiquetas HTML fueron introducidas para soportar CSS. Piense en ellas como etiquetas vacias, las cuales puede rellenar con estilos.DIV se usa para estrucura de formato, bloques de texto.
<DIV align=”center”><H1>Este encabezado</H1></DIV>SPAN es usado para formateado en linea. <SPAN class=”example”> texto rojo en el parrafo</SPAN> |
Guia CSS,Las propiedades CSS, I Parte
Te Gusta este contenido?,Recomiendalo en Facebook,Twitealo o dale +1 en Google
This class can be used to generate a basic content site.
It can present a form in an administration page protected with a password to let the administrator...
Minify and GZip Compress JavaScript & CSS tool es una sencillo compresor online disponible para ser usado por cualquier desarrollador interesado.
Esta...
Excssive es una compresor instantáneo drag & drop que cualquier interesado puede usar de forma libre.
Basta con arrastrar y soltar los archivos CSS...
Toda la información está basada en el post citado, así como los ficheros relacionados.
Recomendaciones de uso y escritura de código:
Usar las etiquetas...
Tras el reciente lanzamiento del primer borrador de CSS4 hemos encontrado un interesante post en graphicmania.net donde dar un repaso de la evolución...
Interesante colección de generadores web con los que mejorar nuestro trabajo con CSS.
Es innegable el hecho que las hojas de estilo en cascada o CSS...
El World Wide Web Consortium anuncia que CSS 2.1 se convierte en un nuevo estándar web.
W3C ha anunciado la aprobación de un nuevo estándar para las...
CSS3 Generator es una sencilla aplicación online que permite a desarrolladores menos experimentados o con falta de tiempo, disponer de parte de la potencia...
La recomendación más importante cuando se trabaja con las propiedades tipográficas de CSS está relacionada con el tamaño de la letra. La propiedad...
Según varios estudios realizados por Yahoo!, hasta el 80% de la mejora en el rendimiento de la descarga de páginas web depende de la parte del cliente....
