Cómo crear un nuevo estilo de etiqueta en adobe dreamweaver cs6

Creando un estilo de etiqueta (o selector de tipo de) En Adobe Dreamweaver CS6 es una ruta sencilla y segura para los nuevos usuarios a entender CSS porque se dirige a las etiquetas HTML existentes, tales como P, H1, H2 y.

El uso de etiquetas existentes en su página, usted puede optar por aplicar el formato automático donde se utilizan ciertas etiquetas HTML. Por ejemplo, usted puede hacer cualquier texto dentro de una etiqueta (título 1) de forma automática negrita, 36 píxeles, y rojo.

Para crear un estilo de la etiqueta con el inspector de propiedades, siga estos pasos:

  1. Abrir una página HTML que contiene texto.

    Video: Tutorial : Crear estilos y hojas de estilos en Dreamweaver CS6

  2. En el inspector de propiedades, haga clic en el botón HTML en el lado izquierdo del panel para mostrar el inspector de propiedades en la vista HTML.

    Video: Curso fundamental de Dreamweaver CS6: Estructura básica de etiquetas

  3. Seleccionar una línea de texto en negrita y haciendo clic en el botón B situado en el inspector de propiedades.

  4. Cambie a la vista CSS del inspector de propiedades haciendo clic en el botón de CSS en el extremo izquierdo del panel.

    El objetivo es asignar información de estilo definitivo para la etiqueta que Bolds texto, por lo que cualquier texto en negrita en la página también aparece de color rojo.

  5. Dejar el texto en negrita seleccionado, y en el inspector de propiedades, seleccione de la lista desplegable Regla de destino.

  6. Con el texto aún seleccionado, utilice el selector de color en la parte derecha del inspector de propiedades (que se encuentra debajo de los botones B e I) para seleccionar un color rojo para aplicar al, texto en negrita seleccionado.

    Aparece el cuadro de diálogo Nueva regla CSS.

    El cuadro de diálogo Nueva regla CSS.

  7. En la lista desplegable Tipo de selección, elija Tag (redefine un elemento HTML) - Fuerte elegir desde el menú desplegable de selección Nombre List- elegir (Sólo este documento) de la lista desplegable Definición de regla.

    El tipo de selección determina cómo el formato se aplica a una etiqueta HTML seleccionado en la página. Los estilos de etiquetas de forma automática se aplican allí donde aparezca el elemento de la página.

  8. Haga clic en Aceptar para crear el nuevo estilo de etiqueta y cerrar el panel.

    Ahora, cada vez que se aplica la etiqueta para que el texto en negrita (con el botón B o otros accesos directos), que también aparece el texto en negrita de color rojo. Usted ha creado un estilo de etiqueta que determina cómo el texto en negrita aparece ninguna vez que aparece en un documento.

Puede perfeccionar este nuevo estilo de etiqueta al seleccionar cualquier texto en negrita y continuando para modificar las propiedades de texto desde el inspector de propiedades.

El cuadro de diálogo de definición de reglas CSS.

Si desea editar y ajustar la regla que ha creado, puede hacer clic en el botón Editar regla debajo de la lista desplegable Regla de destino para abrir el cuadro de diálogo de definición de reglas CSS. Este cuadro de diálogo se abre por defecto a la categoría Tipo, donde se pueden modificar las propiedades relacionadas con el tipo.

Cuando haya terminado de afinar su estilo de etiqueta, haga clic en Aplicar en la parte inferior del cuadro de diálogo para ver los cambios. También puede hacer clic en OK para aplicar los cambios y salir del cuadro de diálogo.

Artículos Relacionados