La primera condición de un buen estilo, es tener alguna cosa que decir. Schopenhauer
Diseñar paginas web con Hojas de Estilo(CSS) en lugar de Tablas
Se pueden dar muchas razones para esforzarnos en hacer páginas web que cumplan los estandares, aquí recopilamos algunas, e incluimos algunos enlaces, que consideramos útiles, entorno al diseño web basado en hojas de estilo CSS
El tiempo en que se carga una pagina diseñada con hojas de estilo en lugar de tablas es menor.
Tenemos que pensar que no se muestra ningún contenido de la tabla hasta que se ha descargado todo los elementos que tenemos en las celdas de la misma.Las tablas nos empujan a utilizar herramientas que maneján gráficos en la web, cosa que nos reporta una menor eficiencia.
El mantenimiento de paginas diseñadas con tablas se puede convertir en una verdadera pesadilla, un pequeño cambio puede romper toda la plantilla que teniamos hecha.
El uso de tablas se tiene que confinar o reducir a la presentación de datos númericos o de texto llano.
-
Los estilos se definen en forma de reglas.
-
Las reglas se dividen en :
- Identificador del elemento de la web que queremos informar como tiene que ser su apariéncia.
- Una o más propiedades que definen la apariéncia de ese elemento.
Ejemplo :
h1 {
margin: 0px 0px 5px 0px;
padding:0px 5px 5px 0px;
font-size: 32px;
line-height: 32px;
font-weight:900;
color:#CFF;
}
Podemos incorporar las hojas de estilo en nuestra paginas web de 2 maneras distintas :
Escribiendo el mencionado codigo en el head de la pagina como este ejemplo:
o bien importarlo de un archivo externo como podemos ver mirando el fuente de esta página