Cómo cambiar entre los modos CSS y HTML en el Inspector de Propiedades de Dreamweaver

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo cambiar entre los modos CSS y HTML en el Inspector de Propiedades de Dreamweaver

Libro Relacionado

Por Janine Warner

El inspector de propiedades, al que se puede acceder desde la parte inferior del espacio de trabajo de Dreamweaver, muestra las propiedades disponibles para cualquier elemento seleccionado de la página. Por lo tanto, las opciones en el inspector de propiedades son diferentes cuando se selecciona una imagen que cuando se selecciona texto, por ejemplo.

Cuando no se selecciona nada, o cuando se selecciona texto en una página, el inspector de propiedades se divide en dos secciones: HTML y CSS.

Tenga en cuenta que los botones del lado izquierdo del inspector de propiedades facilitan el cambio entre estos dos modos.

Si eres nuevo en CSS y HTML, entender las diferencias entre estos dos modos puede ser un poco confuso. Esencialmente, si utiliza un icono de formato como negrita en el modo HTML, Dreamweaver añade la etiqueta HTML , que hace que el texto aparezca en negrita en la mayoría de los navegadores web. Si utiliza el mismo icono en modo CSS, Dreamweaver crea automáticamente una regla de estilo que incluye la opción de formato en negrita.

En el modo CSS, también puede elegir editar los estilos existentes para agregar nuevas opciones de formato a los estilos que ya se aplican a texto, imágenes u otros elementos de una página. Puede editar un estilo existente simplemente seleccionando el estilo en la lista desplegable Regla de destino y luego utilizando los campos Fuente, Tamaño y otros en el inspector de propiedades para realizar cambios o adiciones.

Siempre que edite un estilo existente que ya se haya aplicado a elementos de una página, los cambios que realice en el estilo se aplicarán automáticamente en cualquier lugar donde se utilice el estilo. Esta característica es maravillosa cuando quieres cambiar varias cosas a la vez pero puede ser problemática si quieres hacer que un elemento (como un encabezado) aparezca de una manera en una página y de otra en otro lugar.

Siempre que desee crear o editar un estilo, utilice el Inspector de propiedades en modo CSS. Por otro lado, para aplicar un estilo existente a un elemento de la página, asegúrese de que está en modo HTML. Por ejemplo, para alinear una imagen con un estilo de clase o aplicar un estilo de ID a una

etiqueta , necesita estar en modo HTML.

Para aplicar un estilo en modo HTML, seleccione la imagen, el texto u otro elemento de la página en la que desea aplicar el estilo y, a continuación, utilice las listas desplegables Clase o ID para seleccionar el estilo; Dreamweaver lo aplica automáticamente.

De manera similar, para aplicar un tag HTML, como el

tag , debe estar en modo HTML. Pero usted crea o edita una regla CSS para la

etiqueta

en modo CSS. Por supuesto, no tiene que crear o editar estilos con el inspector de propiedades. Considere este método como un método abreviado; es posible que aún prefiera utilizar el panel CSS Designer para realizar cambios significativos en un estilo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *