Clasificación de los elementos

En CSS1, los elementos formateados pueden agruparse en tres categorías:

  • Elementos de bloque. Como los párrafos, los encabezdos, las tablas, las listas, los DIV o el BODY. Son los que fuerzan un salto de línea al final de los mismos.
  • Elementos inline. Como los enlaces, el énfasis o el SPAN. Pueden ser hijos de cualquier otro elemento.
  • Elementos de lista. Son aquellos que en HTML sólo pueden contener elementos de tipo LI. Pueden ser automáticamente numerados o susceptibles de tomar algún tipo de estilo que se aplique a cada uno de los ítems que los definen.

Podemos cambiar la visualización de ciertos elementos mediente la propiedad display, la cual tiene las siguientes características:

  • Puede tomar los valores: block, inline, list-item, none (oculta el elemento).
  • Su valor por defecto es block.
  • No se hereda.
  • Es aplicable a todos los elementos.

Con display podemos cambiar aspectos típicos de visualización que están definidos en HTML, como el hecho de que los párrafos sean de tipo bloque:

P {display: inline;}

Pero cuando realmente se le saca partido a la propiedad display, es cuando formateamos un documento XML. Esto se debe a que XML no tiene un comportamiento predefinido para los elementos que contiene.

CSS2 completa los tipos de formateos añadiendo un tratamiento específico para tablas, filas y celdas.

Colores

  • Lista de colores disponibles por nombre: aqua, gray, navy, silver, black, green, olive, teal, blue, lime, purple, white, fuchsia, maroon, red, yellow. Están tomados de los dieciseis colores básicos que se generan como VGA.
  • Colores definidos mediante valores RGB. Pueden definirse como valores porcentuales entre 0 y 100 % (color: rgb(100%,80%,60%)) , o mediante valores numéricos entre 0 y 255 (color: rgb(255,0,0)).
  • Colores definidos mediante valores hexadecimales con la estructura #RRGGBB (color: #FF0000). La notación hexadecimal puede abreviarse cuando sus valores se repiten para cada par, como en la expresión color: #000.
  • Colores web-safe. Son aquellos cuya visualización se mantendrá entre navegadores. Existen 216 de estos colores, los cuales se obtienen mediante incrementos del 20%, 51 unidades o 33 en hexadecimal (rgb(40%,100%,80%), rgb(0,204,153) o #669933).
Twitter piensa cambiar el botón Retweet por Compartir El cambio sólo se ha aplicado en la versión de Twitter para iPhone y iPad y, según comentan en The Next Web, todavía no se habría aplicado a todos los...
Orders List Purchased Products (VQMod) Opencart Module This Module Requires VQMod To Work This add a column to the orders list that lists the purchased products for each order. Features: Adds colum...
iPhone Plus ¿el verdadero nombre del iPhone 5? El nombre del futuro iPhone sigue en el aire. Un nombre que hasta octubre no sabremos si es numérico o genérico. Ahora aparece en escena una nueva alt...
Android ya es la segunda plataforma móvil en Europa, por encima de Apple La cuota de mercado de Android ya es superior a la de Apple en los principales mercados europeos, según concluye un estudio de comScore que ha analiza...
Commodore anuncia el regreso de la histórica AMIGA Si una empresa ha marcado los primeros años de la computación personal ha sido Commodore gracias a una serie de ordenadores que tenían gran calidad de...
Ranking Lenguajes de Programación Abril 2012 Tras el liderazgo de Java de este ranking de forma estable durante los dos últimos años, C vuelve a ser el lenguaje de programación más destacado. ...
Muere Steve Jobs, el padre de la computacion personal, creador de Apple El día de hoy el mundo de la tecnología ha recibido el lanzamiento del Ipod 4s con la gran mala noticia de la muerte de uno de los visionarios mas gra...
China y el microblogging, solo usuarios con nombres reales China vuelve a llevar a cabo una iniciativa polémica para controlar el uso que sus ciudadanos hacen de Internet. El país obligará a todos los usuarios...
Proponen sistema anticopias para el standard HTML5 Algunos sectores de Internet proponen la inclusión de mecanismos de protección tipo DRM en la definitiva especificación de HTML5. cerrar ampliación...
Twitter acorta ahora los enlaces automáticamente Twitter ha implementado un acortador de enlaces automático para su popular servicio. Esta nueva funcionalidad demandada desde hace tiempo por sus ...