Tutorial conciso de Dreamweaver 4 (V. Haga que su página web sea más hermosa, parte 4)
Autor：Eve Cole
Fecha de actualización：2009-05-30 18:35:57
Las hojas de estilo añaden estilo al texto
Las mencionadas anteriormente son algunas de las configuraciones más básicas para el texto. Si desea jugar más trucos con el texto, necesita la ayuda de hojas de estilo.
En el estado de edición, presione Shift+F11 para ingresar al cuadro de diálogo de la hoja de estilo (Estilos CSS):
Haga clic en la esquina inferior derecha
, crea un nuevo estilo:
Como se muestra arriba, asigne un nombre a su estilo en el campo Nombre. Dreamweaver pondrá un punto decimal antes del nombre de forma predeterminada para evitar confusión con otras etiquetas HTML. Por ejemplo, el nombre que le di aquí es "myfont" (cambie unnamed1 a myfont). ) ; Definir si elegir usar una hoja de estilo externa o solo crear un estilo en esta página (Solo este documento) Elegimos lo primero para que varias páginas puedan compartir una hoja de estilo.
En el siguiente cuadro de diálogo, ingrese el nombre del archivo de hoja de estilo, por ejemplo "myfont", y presione "Guardar". Esto generará un archivo de hoja de estilo llamado myfont.css, como se muestra arriba.
Establezca el estilo como se muestra en la imagen de arriba. El tamaño es el tamaño del texto, lo configuramos en 9 puntos (denominado 9 puntos); la línea es el espacio entre líneas, lo configuramos en 13 puntos (otro método de configuración común es 150). %), por lo que se obtiene la llamada fuente de 9 puntos. Después de la configuración, presione Aceptar para regresar al cuadro de diálogo de la hoja de estilo. Puede ver que se ha agregado un estilo llamado "myfont", como se muestra en la siguiente figura.
Luego, puede seleccionar un fragmento de texto y seleccionar myfont en el cuadro de diálogo de estilo. ¿Qué tal? ¿El texto se ha vuelto mucho más refinado? La fuente de 9 puntos es el tamaño más pequeño y delicado que la fuente Song puede mostrar sin deformarse, por lo que se usa ampliamente en la producción de páginas web.
Además de las fuentes de 9 puntos, también hay una fuente de 10,4 píxeles, que tiene entre 12 y 9 puntos. También se utiliza con frecuencia.
Si necesita hacer referencia a una hoja de estilo existente en otras páginas, puede hacer clic en
. además,
es editar estilos existentes.
es eliminar un estilo.
