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).
Google, Microsoft y otros acuerdan implementar sistema de “no rastreo” en internet El presidente de Estados Unidos, Barack Obama, presentó una propuesta de regulación para la privacidad en internet, que busca hacerse cargo de las con...
Que es Ext JS ? Ext JS (pronunciado como "ekst" ) es una biblioteca de JavaScript para el desarrollo de aplicaciones web interactivas usando tecnologías como AJAX, DH...
Qué es el marketing viral Marketing viral se refiere a ciertas técnicas de marketing online que tienen como finalidad propagar una determinada información sobre un produc...
YouTube lanza un servicio especial para colegios A principios de mes, YouTube estrenaba su nuevo diseño. Ahora, con YouTube for Schools, el popular servicio de vídeos por Internet pretende llegar a t...
Herramienta de validación web gratis W3Clove es una herramienta gratuita que analiza las páginas de una URL así como los enlaces internos incluidos. Su manejo no presenta ninguna dific...
Fuentes gratuitas para titulares web Completa colección de tipografías listas para ser usadas por un diseñador Este tipo de fuentes tipográficas para titulares y cabeceras, juegan un ...
Variables de Apache La serie de variables de las que hablaremos están en Apache. Si utilizamos otros servidores, algunas de ellas serán, por supuesto, diferentes. Ante...
mysql-db-query mysql_db_query — Envia una sentencia MySQL al servidor Descripción int mysql_db_query ( cadena $base_de_datos, cadena $sentencia ) Devuelve...
Nuevo récord de Super Mario Bros Treinta años después del lanzamiento de Super Mario Bros., el speedrunner Darbian ha conseguido instaurar un nuevo récord mundial al haberse convertid...
¿Es seguro HTML5? En un intento por mejorar HTML5, que lleva camino de convertirse en los próximos años en el estándar para la creación de páginas web, se ha presentado...
Clasificación de los elementos y Colores
Tagged on: