Estilos Css



Introducción
El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Para solucionar estas limitaciones los diseñadores han utilizado técnicas tales como la utilización de tablas imágenes transparentes para ajustarlas, utilización de etiquetas que no son estándares del HTML y otras; esto ha causado problemas en las páginas cuando se va a visualizar en distintasplataformas
Otra cosa que ha hecho necesario el desarrollo de esta tecnología consiste en que las páginas web tienen mezclado en su código HTML el contenido del documento con las etiquetas necesarias para darle forma. Esto tiene sus inconvenientes ya que la lectura del código HTML se hace pesada y difícil a la hora de buscar errores o depurar las páginas.
Con esta información de CSS pretendemos dar aconocer la tecnología con un enfoque práctico para que puedas usar CSS de una manera depurada.
Desarrollo
Características y ventajas de las CSS
El modo de funcionamiento de las CSS consiste en definir la forma de presentación que le aplicaremos a:
Un web entero.
Un documento HTML o página.
Una porción del documento
Además esta sintaxis CSS permite aplicar al documento formato de modo muchomás exacto. Si antes el HTML se nos quedaba corto, ahora tenemos muchas más herramientas que nos permiten definir esta forma:
Podemos definir la distancia entre líneas de un documento.
Se puede aplicar identado a las primeras líneas del párrafo.
Podemos colocar elementos en la página con mayor precisión, y sin lugar a errores.
Y mucho más, como definir la visibilidad de los elementos, márgenes,subrayados, tachados.
Unidades que se pueden utilizar:
Pixels (px) y porcentaje (%), como antes.
Pulgadas (in)
Puntos (pt)
Centímetros (cm)


Navegadores que lo soportan
Esta tecnología es nueva y no todos los navegadores la soportan.
Navegadores de Netscape versiones de la 4 en adelante
Microsoft a partir de la versión 3
Microsoft Internet Explorer 3 no soporta todo lo relativo acapas.
Esto quiere decir que debemos de usar esta tecnología con cuidado, ya que muchos usuarios no podrán ver los formatos que apliquemos a las páginas con CSS.
Pequeñas partes de la página
Para definir estilos en secciones reducidas de una página se utiliza la etiqueta . Con su atributo style indicamos en sintaxis CSS las características de estilos.
Ejemplo
Esto es un párrafo en variaspalabras en color verde. Resulta muy fácil.
Estilo definido para una etiqueta
Con esto hacemos que una etiqueta muestre un estilo determinado. Por ejemplo, podemos definir un párrafo entero en color rojo y otro en color azul. Para ello utilizamos el atributo style, que es admitido por todas las etiquetas del HTML.
Ejemplo
Esto es un párrafo de color rojo.
Esto es un párrafo de color azul.Estilo definido en una parte de la página
Con la etiqueta podemos definir secciones de una página y aplicarle estilos con el atributo style, es decir, podemos definir estilos de una vez a todo un bloque de la página.
Ejemplo:
Estas etiquetas van en azul y negrita Seguimos dentro del DIV, luego permanecen los etilos



Usos de las CSS y II
Estilo definido para toda una página
Podemosdefinir, en la cabecera del documento, estilos para que sean aplicados a toda la página. Es una manera cómoda para dar forma al documento, ya que estos estilos serán seguidos en toda la página y nos ahorraremos así muchas etiquetas HTML. Además, si deseamos cambiar los estilos de la página lo haremos de una sola vez.
En el ejemplo utiliza la etiqueta colocada en la cabecera de la página paradefinir los distintos estilos del documento.
A grandes rasgos, entre de y , se coloca el nombre de la etiqueta que queremos definir los estilos y entre llaves -{}- colocamos en sintaxis CSS las características de estilos.


Como se puede apreciar en el código, hemos definido que la etiqueta se presentará
Subrayado
Centrada
También, por ejemplo, hemos definido que el cuerpo entero de la...