¿Cómo definir estilos con el selector de etiquetas en dreamweaver
Puede crear completamente nuevos estilos en Dreamweaver utilizando la llamada o ID selectores, pero también puede crear estilos que cambian el formato de las etiquetas HTML existentes. Estos estilos se crean utilizando el selector de etiquetas, que también se conoce como el selector de elementos. Cuando se define un estilo utilizando el selector de etiquetas, puede alterar la apariencia, posición y otras características de cualquier etiqueta HTML existente.
Muchas etiquetas HTML ya incluyen opciones de formato. Por ejemplo, las etiquetas de título incluyen el formato de estilo de texto utilizando una gran fuente en negrita. Al crear un estilo con un selector de etiquetas, usted tiene que considerar las opciones de formato que ya están asociados con esa etiqueta. Cualquier opción que defina o bien se pueden añadir al formato existente o anulan el formato.
Usted puede preguntar, “¿Por qué debería redefinir la etiqueta en lugar de sólo la creación de un nuevo estilo del título usando el selector de clase o ID?” Aunque se puede definir un nuevo estilo de clase en lugar de la redefinición de una etiqueta HTML, usando a veces una etiqueta HTML existente es mejor .
Video: Curso de Dreamweaver CS5. 4.1. Estilos CSS de las etiquetas
estilos de título son especialmente importantes en la web porque el texto con formato en una etiqueta es bien reconocido como el más importante texto en una página. Entre otras cosas, el texto formateado en una etiqueta puede tener una consideración especial de los motores de búsqueda.
Para crear un estilo que redefine una etiqueta HTML (tal como la etiqueta) con el selector de etiquetas, crear primero un archivo o abrir uno existente y luego siga estos pasos:
1En el panel de selectores del panel Diseñador de CSS, seleccione la hoja de estilo a la que desea añadir el nuevo estilo
Cuando se crea un estilo para una etiqueta HTML existente, no es necesario aplicar el mismo estilo de la manera que se hace con los estilos de clase y de identificación. Dondequiera que ha utilizado la etiqueta HTML, se aplican los ajustes de definición de estilo.
2Si desea orientar el estilo a un tipo de soporte o una pantalla de tamaño específico, elegir o definir una consulta de medios en el panel @media
El uso de preguntas de los medios con los estilos es opcional. Si no se especifica una consulta de medios, Dreamweaver utilizará la propiedad global y su estilo funcionará en todos los formatos y tamaños de pantalla.
3Haga clic en el signo más (+) en el panel de selectores
Un nuevo selector se añade al panel de selectores.
Video: Hojas de Estilo en Dreamweaver Parte 1-Alterando las Etiquetas HTML
Al hacer clic en el signo más (+) para crear un nuevo selector, algunas cosas pueden suceder, dependiendo de lo que ya está en la página abierta en Dreamweaver. La primera vez que se crea un estilo en una página Web en blanco, Dreamweaver entra cuerpo en el panel de selectores.
Si está trabajando en una página con el texto u otro contenido que se da formato con etiquetas o estilos HTML, Dreamweaver puede añadir un selector de compuesto a base de los elementos que lo rodean lo que ha seleccionado con el cursor.
4En el panel de selectores, haga doble clic en el nombre del selector. Comenzar a introducir el nombre de la etiqueta HTML, y luego seleccione la etiqueta de la lista desplegable que aparece
Puede introducir el nombre de cualquier etiqueta HTML para crear un estilo utilizando el selector de etiquetas. A medida que escriba una etiqueta HTML, una lista desplegable aparece con etiquetas que comienzan con la misma letra que ha escrito. Al seleccionar la etiqueta deseada de la lista en lugar de escribir todo el nombre de la etiqueta a sí mismo es una buena práctica porque se evita errores tipográficos.
5En el panel Propiedades, especifique la configuración que desee en su regla de estilo
La fuente y el color se aplican inmediatamente al texto en la página formateado con la etiqueta.
Si usted quiere ser capaz de utilizar la misma etiqueta HTML con un formato diferente en diferentes partes de la misma página, puede crear estilos compuestos. estilos compuestos son útiles, por ejemplo, si desea que el texto formateado con la etiqueta a un aspecto diferente en la parte principal de la página que lo hace en una barra lateral.