ESTILOS CSS

Introduccin
Los estilos CSS se utilizan para combinar una serie de atributos del texto, como pueden ser el color o el tamao, de modo que no sea necesario asignar estos atributos uno a uno cada vez que se desee repetir la asignacin de esos mismos valores a otras partes del texto. Tambin permiten, como veremos ms adelante, definir prcticamente cualquier propiedad de los elementos que contendrn nuestra Web. Podemos definir los estilos para determinadas etiquetas, como encabezados (<h1>, <h2>...), prrafos (<p>), enlaces (<a>), etc. lo que formatear todas las apariciones de esta etiqueta en el mbito del estilo. Tambin podemos crear clases. Algo as como definir un estilo y darle un alias. El estilo afectar a todos los elementos a los que apliquemos esa clase. Por otro lado, al crear el estilo, podemos definirlo como un estilo en lnea (afectar slo al elemento seleccionado) o crear una regla, que puede afectar a toda la pgina, o a todo el sitio si la guardamos en un archivo CSS. Un estilo CSS no es ms que un conjunto de reglas de formato que controlan el aspecto del contenido de una pgina Web. Los estilos CSS aportan gran flexibilidad y control al aspecto exacto que se busca en una pgina, desde la posicin precisa de elementos hasta el diseo de fuentes y estilos concretos. Una de las grandes ventajas de los estilos CSS reside en que cuentan con una capacidad simple de actualizacin; cuando actualiza un estilo CSS, el formato de todos los documentos que usan ese estilo se actualiza automticamente.

Crear un estilo personalizado

Con Dreamweaver, las caractersticas que apliquemos a un texto a travs del Inspector de propiedades CSS crearn automticamente estilos CSS. Aunque tenemos que decidir a qu elementos afecta. Vemoslo:

Crear un estilo en lnea.

Por ejemplo, si queremos que un determinado estilo afecte a un nico elemento y en un caso puntual, podemos crearlo como un estilo en lnea. Esto incrustar el estilo en la propia etiqueta HTML, por lo que si alguna vez queremos modificarlo, deberemos de ir al elemento. En el Inspector de propiedades CSS, en Regla de destino, seleccionamos <Nuevo estilo en lnea>: 1

A continuacin, definimos las propiedades del estilo. Insistimos que esta opcin es la menos flexible y debe empelarse slo en casos concretos.