.Net C# Windows Chart – Características
05/12/2011CSS – (Parte II) – Las Capas
13/12/2011Aprovechando un curso sobre CSS, voy aponer aquí cuatro cosillas que vamos dando en clase, y que espero que puedan ser de utilidad a alguien.
CSS procede de Cascading Style Sheets (CSS), y son es un lenguaje de hojas de estilo para describir la semántica de la presentación (el aspecto y el formato) de un documento escrito en un lenguaje de marcas como puede ser HTML.
El formato de las páginas web lo podemos adaptar de 3 maneras diferentes:
a) Desde cada elemento, indicando STYLE, en cada tag y añadiendo la propiedad o propiedades que queramos.
b) Desde la cabecera de cada hoja (dentro del Header) e indicando también el tag STYLE, para indicar los diferentes formatos que queramos aplicar.
c) Y por último y el que a la fin será la mejor forma, mediante un fichero css, donde indicaremos todos los formatos que queramos aplicar a nuestras pàginas.
…….
a) Desde cada elemento:
<INPUT Type=”texto” STYLE=”background:red”/> Aquí indicamos que el fondo de esta casilla será de color rojo
la estructura será “STYLE” + “=” + “Nombre Propiedad” + “:” + “Propiedad”. Todo esto dentro del Tag encuestión.
Si quisieramos añadir varias propiedades, lo haremos separandolas mediante “;” (punto y coma)
<INPUT Type=”texto” STYLE=”background:red;color:white”/>
b) Desde la cabecera del documento
En esta ocasión el procedimiento será agregar el Tag <STYLE></STYLE> dentro del HEADER de la hoja, y sencillamente lo que hará será aplicar el estilo correspondiente a los diferentes elementos que estén dentro del BODY de la hoja.
<STYLE>
INPUT
{
background:pink;
}
textarea
{
border: 4px dotted orange;
}
</STYLE>
C) Desde un fichero CSS
Por último la opción más práctica, ya que nos permitirá tener una única hoja o plantilla, será la de generar una hoja de Estilos CSS y aplicarla a todo el site,en lugar de diseñar cada hoja por separado.
La operativa es sencilla.
En el Header de cada hoja hemos de indicar la ruta del fichero CSS que queramos de la siguiente manera:
<LINK HREF=”css/estilos.css” REL=”stylesheet” ENGINE=”text/css” MEDIA=”screen”/>
Crearemos posteriormente un fichero con extensión css, y que contendrá los diferentes estilos que queramos aplicar a nuestro site.
Para esto es imprescindible entender el concepto de capas o DIVs, que explicaré en la siguiente entrada:
