Cómo cambiar entre el modo de css y html en el inspector de propiedades de dreamweaver

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

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

Video: (CSS) Como poner cualquier tipografia/fuente en tu web ( @Font-Face )

Tenga en cuenta que los botones en la parte izquierda del inspector de propiedades hacen que el cambio entre estos dos modos fáciles.

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

En el modo de CSS, también se puede optar por editar los estilos existentes para añadir nuevas opciones de formato de estilos que ya se aplican al 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 usando la fuente, tamaño, y otros campos del inspector de propiedades para hacer cambios o adiciones.

Video: Tutorial CSS // Como cambiar los cursores en tus paginas web

Cada vez que se edita un estilo existente que ya ha sido aplicado a elementos de una página, los cambios que realice en el estilo se aplica automáticamente en cualquier lugar se utiliza el estilo. Esta característica es maravillosa cuando se desea cambiar varias cosas a la vez, pero puede ser problemático si desea realizar un elemento (como una rúbrica) aparecerá una manera en una página y otra forma en otro lugar.

Cada vez que desee crear o editar un estilo, utilice el inspector de propiedades en el modo de CSS. Por otra parte, 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 a una etiqueta de identificación, tiene que estar en modo HTML.

Video: Como hacer Radio Buttons y Checkboxes personalizados con HTML y CSS

Para aplicar un estilo en el modo HTML, seleccione la imagen, texto, o cualquier otro elemento de la página en la que desea aplicar el estilo y luego usar las listas desplegables clase o ID para seleccionar el estilo-Dreamweaver aplica automáticamente.

Del mismo modo, para aplicar una etiqueta HTML, tal como la etiqueta, usted debe estar en modo HTML. Sin embargo, se crea o edita una regla CSS para la etiqueta en el modo de CSS. Por supuesto, usted no tiene que crear o editar estilos con el inspector de propiedades. Considere esto un acceso directo método- todavía puede preferir utilizar el panel de diseñador CSS para hacer cambios significativos en el estilo.