edicion de propiedades css en dream weaber

este tema nos interesa por la facilidad de creacion de estilos para looks en layouts de paginas web ( estilo visual de lo q vemos en la pagina ), nos referenciaremos en maneras sencillas de explicar los pasos a seguir, estos son algunos tips:

En vista Diseño, el Diseñador HTML proporciona una gran variedad de herramientas para crear, editar, dar formato y mostrar elementos Web y componentes. Por ejemplo, se pueden agregar elementos a un documento HTML o a un formulario Web Form arrastrando iconos desde el Cuadro de herramientas o desde el Explorador de servidores a la superficie de edición de la vista Diseño. Cuando los estilos CSS están habilitados, se puede utilizar el cuadro de diálogo Generador de estilos para dar formato a los elementos agregados.

La propiedad targetSchema de un documento HTML o XML determina qué elementos y opciones de formato están disponibles en la vista Diseño. La propiedadpageLayout determina cómo se pueden colocar los elementos en la superficie de edición de la vista Diseño. Para obtener más información sobre cómo establecer estas propiedades para habilitar las características en el entorno de desarrollo integrado (IDE) de Visual Studio .NET, vea Establecer la propiedad targetSchema de un documento HTML, Establecer la propiedad pageLayout de un documento HTML y Colocar elementos HTML en la vista Diseño.

Para agregar un elemento o un componente a una página Web

1. Abra un documento para editarlo en la vista Diseño, sitúe el punto de inserción en la ubicación deseada.
2. A continuación, seleccione uno de los pasos siguientes:
   • Seleccione un icono en el Cuadro de herramientas o en el Explorador de servidores y arrástrelo a la superficie de diseño de la vista Diseño. Se insertará una instancia del elemento o componente, del tamaño adecuado, en el documento en el lugar indicado.

     O bien

   • Haga doble clic en el icono deseado del Cuadro de herramientas, o haga clic con el botón secundario del mouse en el nodo deseado, en elExplorador de servidores, y seleccione Agregar al diseñador. Se insertará una instancia del elemento o componente en el documento en el lugar indicado o cerca de él.

   Para obtener más información sobre cómo agregar elementos Web y componentes de datos, vea HTML (Ficha), Cuadro de herramientas, Web Forms (Ficha), Cuadro de herramientas, y Agregar elementos desde el Explorador de servidores.

   Nota Cuando se coloca un elemento externo, como una imagen o un archivo, en una página, el Diseñador HTML crea una referencia al mismo en el proyecto principal.

Para dar formato a un elemento HTML

1. Establecer la propiedad targetSchema de su documento en un explorador Web que admita HTML 4.0 o posterior y estilos CSS-P.
2. Seleccione el elemento deseado, bien en la superficie de edición de la vista Diseño o en la ventana Esquema del documento.
3. Elija Generar estilo en el menú Formato para abrir el cuadro de diálogo Generador de estilos.

   Para obtener más información sobre cómo aplicar estilos CSS, vea Generar estilos CSS, Trabajar con estilos CSS, Generador de estilos (Cuadro de diálogo), y Controles de servidor ASP.NET y estilos CSS.

   Nota Los cambios de formato realizados en la vista Diseño modifican el formato de la página. También se pueden realizar ajustes precisos de formato mediante la edición de las propiedades del elemento seleccionado o mediante la edición directa del formato en la vista HTML. Para obtener más información, vea Vista HTML,Diseñador HTML y Editar HTML.

Para dar formato de bloque a un texto o elementos

1. Coloque el cursor en el texto deseado o seleccione el elemento en cuestión, bien en la superficie de edición de la vista Diseño o en la ventana Esquema del documento.
2. En la barra de herramientas Formato, seleccione una opción de la lista desplegable Formato del bloque.

   De esta manera se inserta un nuevo elemento HTML sin formato a ambos lados del texto o del elemento seleccionado. Las opciones disponibles son:

   • Normal - quita cualquier elemento insertado previamente a ambos lados del texto o cualquier elemento seleccionado, y lo sustituye por un elemento de párrafo nuevo

     .

   • Con formato - inserta un nuevo elemento

     .
     Dirección - inserta un nuevo elemento 
     .
     Encabezado N - inserta un nuevo elemento de encabezado .
     Lista numerada - inserta un nuevo elemento de lista 
      dentro de una lista ordenada 
     .
     Lista con viñetas - inserta un nuevo elemento de lista 
      dentro de una lista no ordenada 
     .
     Directorio - inserta un nuevo elemento de lista 
      dentro de una lista de directorio  .
     Lista de menú - inserta un nuevo elemento de lista 
      dentro de una lista no ordenada 
     Término de definición - inserta un término nuevo 
      dentro de una lista de definiciones 
     .
     Definición - inserta una nueva definición 
      dentro de una lista de definiciones 
     .
     Párrafo - inserta un nuevo elemento de párrafo 
     .
     Más adelante, se pueden utilizar los estilos CSS para definir la apariencia y la posición de los elementos que se han insertado. Por ejemplo, se puede asignar un tamaño de fuente font-size determinado a todos los encabezados 
      o especificar un tamaño de sangría predeterminado text-indent para elementos de lista 
     .
     Para obtener más información sobre cómo usar los estilos CSS, vea la sección anterior "Para dar formato a un elemento HTML". Para obtener más información sobre definiciones de elementos HTML y sus atributos CSS, vea Referencias DHTML y Referencia de atributos CSS.
     Para editar las propiedades de un elemento HTML
     Seleccione el elemento deseado en la superficie de edición de la vista Diseño.
     Siga uno de los procedimientos siguientes:
     En la ventana Propiedades, editar las propiedades disponibles para el elemento seleccionado.
     O bien
     Seleccionar las Páginas de propiedades del menú Ver (si se encuentra disponible) y editar las propiedades mostradas en la página de propiedades para el elemento seleccionado.
     Para activar y desactivar los marcadores de elementos HTML no gráficos en la Vista Diseño
     En el menú Ver seleccione Detalles, o haga clic en el icono Mostrar detalles en la barra de herramientas Formato.
     También se puede utilizar la ventana del Esquema del documento para seleccionar elementos que no se muestran en la vista Diseño. Para obtener orientación, vea Desplazarse por la ventana Esquema del documento
     Para que estos marcadores aparezcan siempre que se abra una página Web en la Vista Diseño
     Seleccione Opciones en el menú Herramientas.
     En el nodo DiseñadorHTML, seleccione Mostrar.
     En Opciones de presentación, seleccione Mostrar detalles de elementos no visibles.
     Sugerencia   Active Detalles mientras edite en Vista Diseño. Esto evitará que borre sin darse cuenta elementos no gráficos (por ejemplo,
     , , 
     ,