Recomendaciones del W3C

De BurbuWiki

La página oficial del consorcio se encuentra aquí. En esta otra página se puede acceder al borrador de trabajo de la W3C, o World Wide Web Consortium. Un simple vistazo sobre la página donde se encuentra alojado el borrador proporciona una idea de la extensión y complejidad del proyecto en sí.

En la introducción del borrador se habla del lenguaje de etiquetas de propósito general XHTML 2, las compatibilidades hacia atrás de este lenguaje, en qué se diferencia de la versión XHTML 1, y qué son los módulos de XHTML 2.

Muy interesante desde el punto de vista de un diseñador de páginas Web de última generación, un desarrollador de software o un programador pero sobrepasa, con mucho, las ambiciones de este manual.

Un extenso manual, muy pedagógico y muy bien elaborado lo puedes encontrar aquí


[editar] Cascading Style Sheets, nivel 1 (CSS1), Diciembre de 1996

  • Propiedades de fuentes
  • Propiedades de color y fondo
  • Propiedades de texto
  • espaciado de palabras
  • alineación
  • Propiedades de caja
  • Margen
  • Borde
  • Relleno
  • Propiedades de clasificación
  • visualización
  • listas


A continuación se detalla una ilustración de propiedades de caja:


Margen (Margin)
Borde (Border)
Relleno (Padding)
Contenido (Content)
Relleno (Padding)
Borde (Border)
Margen (Margin)


Cuyo código es:

{| width="300"
|-
| align="center" style="border: 1px solid black;" | Margen (''Margin'')
{| width="200"
|-
| align="center" style="border: 1px solid black;" | Borde (''Border'')
{| width="170"
|-
| align="center" style="border: 1px solid black;" | Relleno (''Padding'')
{| width="100" height="70"
|-
| align="center" style="border: 1px solid black;" | Contenido (''Content'')
|} Relleno (''Padding'')
|} Borde (''Border'')
|} Margen (''Margin'')
|}


Puedes alterar los parámetros, si así los deseas y comprobar cuales son los nuevos resultados obtenidos. Por ejemplo, vamos a modificar algunos guarismos, a ver qué ocurre.


Margen (Margin)
Borde (Border)
Relleno (Padding)
Contenido (Content)
Relleno (Padding)
Borde (Border)
Margen (Margin)

Si deseas saber qué ha ocurrido, edita esta página y compruébalo por ti mismo.


Si se define una caja con el atributo width (ancho), se interpreta por el modelo de caja del W3C, como la anchura del contenido. La anchura del relleno y del borde se añaden a la anchura total del elemento.

En el modelo no se puede especificar el margen, el relleno o el borde en la misma etiqueta que el ancho del contenido. Otra posibilidad es usar un hack (véase la sección de enlaces).

Herramientas personales