dilluns, 19 de març del 2012

Estilos CSS, Dreamweaver


CSS cascade style sheets ( Hojas de estilo en cascada)

Se basa en estilos de objetos. 
Es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla.


CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.


Ponemos el nombre de etiqueta que queramos que, mediante un "llave { }" aplicamos las distintas propiedades que queramos al texto.

h1 {background color: A03;
font style: Arial, Helvetica, Sans Serif; 
line-haight: 16px;
}

Hay tres tipos de estilos:

*ID > identidad:
Los estilos ID son asignados individualmente con el propósito de una definición en términos 'por elemento'. Este tipo de selector debería ser usado con moderación debido a sus inherentes limitaciones. Un selector ID se asigna mediante el uso del indicador "#" para preceder un nombre.

#contingut{ background color: """;
margin:10px, 10px, 10px, 10px;
}

Solo se puede aplicar una vez en la pagina.

*Clase > Va precedido siempre por un punto:
Un selector sencillo puede tener diferentes clases, permitiendo así al mismo elemento tener diferentes estilos.

. Verd { colo: 0F0;


En "Ventana-> Estilos"  escogemos las propiedades de estilo que deseemos.



*Etiqueta > Se usa para dar estilos a las etiquetas predeterminadas de html.
Un ejemplo sería la etiqueta <a> de html es "vínculo". Podemos crear un estilo para suplir la el típico de cuerpo azul subrayado.


El selector (estilo) es muy parecido a las hojas de estilo en Indesign ya que, se pueden insertar tado tipo de parametros para el texto (tipo de fuente, tamaño, color, etc...).




Podemos guarda estos estilos y posteriormente cargarlos con la paleta: Vincular hoja de estilos externa.



Etiquetes de comentaris:

0 Comments:

Publica un comentari a l'entrada

<< Home