Las hojas de estilo sirven para dar formato homog\u00e9neo a todo nuestro sitio web de una forma r\u00e1pida y sencilla. Con los estilos CSS definimos atributos como el color de fondo o la imagen de fondo, m\u00e1rgenes de la p\u00e1gina, el color de los v\u00ednculos, etc.<\/p>\n
Hay dos formas de\u00a0utilizar los estilos en Dreamweaver, podemos utilizar un estilo interno cuando tengamos que dar forma a una sola p\u00e1gina (el estilo se escribe en el c\u00f3digo interno del documento) o un estilo externo almacenado en una carpeta fuera del documento y vinculado a la p\u00e1gina, este estilo lo utilizamos cuando necesitemos dar formato a varios documentos a la vez para mantener un aspecto homog\u00e9neo en todos ellos. <\/p>\n
Los estilos internos solo se utilizan en el documento en el que se van creando, si damos formato a la p\u00e1gina, por ejemplo, ponemos un color de fondo azul, elegimos arial como tipo de letra y cambiamos el color de los v\u00ednculos en blanco desde Modificar| propiedades de la p\u00e1gina, ya estamos generando estilos en Dreamweaver, los estilos se van escribiendo en el c\u00f3digo entre las etiquetas y . Si hemos elegido un color negro para el tipo de letra y luego queremos poner una palabra o frase en otro color lo hacemos desde el inspector de propiedades, cuando lo hacemos vemos que en la casilla Estilo se genera un estilo nuevo (estilo 1), si ponemos una palabra o frase en cursiva se generar\u00e1 otro estilo (estilo 2)\u00a0etc. Si luego queremos aplicar otra vez estos estilos solo tenemos que seleccionar la palabra o frase y luego escoger el estilo que queremos aplicar. Tambi\u00e9n podemos cambiar el nombre del estilo que creamos para reconocerlos m\u00e1s facilmente, esto lo hacemos desde la casilla Estilo del inspector de propiedades, eligiendo la opci\u00f3n cambiar nombre. <\/p>\n
Si hemos generado un estilo para un documento y luego queremos utilizarlo en otros documentos lo podemos exportar. Archivo | Exportar | estilos css . Creamos una nueva carpeta para los estilos y lo guardamos. Para aplicarlo despu\u00e9s\u00a0vamos al panel Estilos CSS ( Ventana | Estilos CSS) , en la esquina superior derecha del panel hay unas lineas y una peque\u00f1a flecha, pinchamos y se abre un men\u00fa de opciones, elegimos adjuntar hoja de estilos externa y\u00a0seleccionamos el estilo que habiamos guardado, dejamos la opci\u00f3n vincular, y le damos a aceptar.<\/p>\n","protected":false},"excerpt":{"rendered":"
Las hojas de estilo sirven para dar formato homog\u00e9neo a todo nuestro sitio web de una forma r\u00e1pida y sencilla. Con los estilos CSS definimos atributos como el color de fondo o la imagen de fondo, m\u00e1rgenes de la p\u00e1gina, el color de los v\u00ednculos, etc. Hay dos formas de\u00a0utilizar los estilos en Dreamweaver, podemos utilizar un estilo interno cuando tengamos que dar forma a una sola p\u00e1gina (el estilo se escribe en el c\u00f3digo interno del documento) o un estilo externo almacenado en una carpeta fuera del documento y vinculado a la p\u00e1gina, este estilo lo utilizamos cuando necesitemos <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,1],"tags":[],"class_list":["post-709","post","type-post","status-publish","format-standard","hentry","category-curso-dreamweaver","category-sin-categoria"],"yoast_head":"\n