SlideShare una empresa de Scribd logo
1 de 2
Lab#2: Creando un nuevo Styles en una Styles sheet existentes<br />Abrir el archivo Styles.css  a partir del folder Styles<br />Ir hasta el final del  archivo, debajo de la regla  #Footer<br />Revisar si la Style Sheet toolbar esta visible, haga click en el primer botón etiquetado con Add Style Rule.<br />Con este pantalla de dialogo visualmente se puede crear un selector combinado. En la parte izquierda de la pantalla de dialogo se puede disponer de selectores  de Type, class y ID.<br />Selecciones la opción etiquetada con Element ID y en el box escriba MainContent .Click el botón con cabeza de flecha derecha en medio de la pantalla de dialogo para añadirlo en la caja etiquetada style rule hierarchy <br />Posteriormente, seleccione el radio button Element y leugo del drop-down seleccione a (de links) y click el botón de flecha una vez más. Se tendrá algo como esto:<br />Click OK para añadir el selector al archivo de Style Sheet. Se terminaría con algo así:<br />Haga click derecho entre las llaves que acaba de añadir y escoja Generar estilo <br />En el Font Category , cambie el color a #008000  escribiéndolo en la caja<br />En la sección de Text-decoration a la derecha de la pantalla de dialogo, ponga un check  para la opción Underline. Se tendría una situación así:<br />Haga click en OK para cerrar la pantalla. Luego en el archivo CSS, seleccione completamente la regla que acaba de crear y guárdela en le clipboard. Luego péguela 2 veces debajo de la regla original.<br />Renombre el primer selector que se acaba de pegar con #MainContent a:visited  <br />Haga right-click en la regla que se acaba de crear y seleccione Generar estilo. En el Font-Cataegory cambie el valor de la opción color por #FF0000 y luego haga  click en OK<br />Cambie el tercer selector de #MainContent a #MainContent a:hover .<br />Una vez más, haga right-click en el nuevo style que se acaba de crear y seleccione Generar estilo. En el Font-Category cambie la opción color por el valor #FFA500.  Click Ok para aceptar las modificaciones.<br />Salve y cierre el archivo Style.css<br />
Lab#2

Más contenido relacionado

La actualidad más candente

Consultas en Acces
Consultas en AccesConsultas en Acces
Consultas en Accesjta456
 
Herramientas utilizadas en tic (2)
Herramientas utilizadas en tic (2)Herramientas utilizadas en tic (2)
Herramientas utilizadas en tic (2)sena
 
Crea tu web en 5 pasos
Crea tu web en 5 pasosCrea tu web en 5 pasos
Crea tu web en 5 pasosPablo Buj Rey
 
Practica utilizando los operadoresde busqueda
Practica utilizando los operadoresde busquedaPractica utilizando los operadoresde busqueda
Practica utilizando los operadoresde busquedaYochi Cun
 
Cómo crear un formulario en dreamveawer
Cómo crear un formulario en dreamveawer Cómo crear un formulario en dreamveawer
Cómo crear un formulario en dreamveawer Daniela Lizarazo
 
Imprimir tejuelo
Imprimir tejueloImprimir tejuelo
Imprimir tejuelocuruena
 
Estilos con-openoffice1
Estilos con-openoffice1Estilos con-openoffice1
Estilos con-openoffice1vsvweb
 
Trabajo práctico numero 16
Trabajo práctico numero 16Trabajo práctico numero 16
Trabajo práctico numero 16Nicolas Bianchi
 
Ultra toolbarsmanager
Ultra toolbarsmanagerUltra toolbarsmanager
Ultra toolbarsmanagertihuilo
 
Práctica utilizando los operadores de búsqueda (1)
Práctica utilizando los operadores de búsqueda (1)Práctica utilizando los operadores de búsqueda (1)
Práctica utilizando los operadores de búsqueda (1)Bellabell Bsc
 

La actualidad más candente (17)

Consultas en Acces
Consultas en AccesConsultas en Acces
Consultas en Acces
 
Herramientas utilizadas en tic (2)
Herramientas utilizadas en tic (2)Herramientas utilizadas en tic (2)
Herramientas utilizadas en tic (2)
 
Trabajo praactico numero 16
Trabajo praactico numero 16Trabajo praactico numero 16
Trabajo praactico numero 16
 
Crea tu web en 5 pasos
Crea tu web en 5 pasosCrea tu web en 5 pasos
Crea tu web en 5 pasos
 
Practica utilizando los operadoresde busqueda
Practica utilizando los operadoresde busquedaPractica utilizando los operadoresde busqueda
Practica utilizando los operadoresde busqueda
 
Cómo crear un formulario en dreamveawer
Cómo crear un formulario en dreamveawer Cómo crear un formulario en dreamveawer
Cómo crear un formulario en dreamveawer
 
Imprimir tejuelo
Imprimir tejueloImprimir tejuelo
Imprimir tejuelo
 
luisa
luisaluisa
luisa
 
Sofi tp16 (1)
Sofi tp16 (1)Sofi tp16 (1)
Sofi tp16 (1)
 
Estilos con-openoffice1
Estilos con-openoffice1Estilos con-openoffice1
Estilos con-openoffice1
 
Formato condicional
Formato condicionalFormato condicional
Formato condicional
 
Trabajo práctico numero 16
Trabajo práctico numero 16Trabajo práctico numero 16
Trabajo práctico numero 16
 
Ultra toolbarsmanager
Ultra toolbarsmanagerUltra toolbarsmanager
Ultra toolbarsmanager
 
Práctica utilizando los operadores de búsqueda (1)
Práctica utilizando los operadores de búsqueda (1)Práctica utilizando los operadores de búsqueda (1)
Práctica utilizando los operadores de búsqueda (1)
 
Tejuelo
TejueloTejuelo
Tejuelo
 
Practica 13
Practica 13Practica 13
Practica 13
 
Practica 13
Practica 13Practica 13
Practica 13
 

Similar a Lab#2

Similar a Lab#2 (20)

Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Crear Informes
Crear InformesCrear Informes
Crear Informes
 
Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Grupo #3. creación de informes
Grupo #3. creación de informesGrupo #3. creación de informes
Grupo #3. creación de informes
 
Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Creación de-informesgrupo#5
Creación de-informesgrupo#5Creación de-informesgrupo#5
Creación de-informesgrupo#5
 
Creación de-informes.pptx grupo5
Creación de-informes.pptx grupo5Creación de-informes.pptx grupo5
Creación de-informes.pptx grupo5
 
Creación de-informes
Creación de-informesCreación de-informes
Creación de-informes
 
Informatica grupo 5 creación de-informes
Informatica grupo 5 creación de-informesInformatica grupo 5 creación de-informes
Informatica grupo 5 creación de-informes
 
Rocio alberca
Rocio albercaRocio alberca
Rocio alberca
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos word
 
Tema4 graficos
Tema4 graficosTema4 graficos
Tema4 graficos
 
Microsoft word unidad 4
Microsoft word unidad 4Microsoft word unidad 4
Microsoft word unidad 4
 
Access
AccessAccess
Access
 
Grupo 2
Grupo 2Grupo 2
Grupo 2
 

Lab#2

  • 1. Lab#2: Creando un nuevo Styles en una Styles sheet existentes<br />Abrir el archivo Styles.css a partir del folder Styles<br />Ir hasta el final del archivo, debajo de la regla #Footer<br />Revisar si la Style Sheet toolbar esta visible, haga click en el primer botón etiquetado con Add Style Rule.<br />Con este pantalla de dialogo visualmente se puede crear un selector combinado. En la parte izquierda de la pantalla de dialogo se puede disponer de selectores de Type, class y ID.<br />Selecciones la opción etiquetada con Element ID y en el box escriba MainContent .Click el botón con cabeza de flecha derecha en medio de la pantalla de dialogo para añadirlo en la caja etiquetada style rule hierarchy <br />Posteriormente, seleccione el radio button Element y leugo del drop-down seleccione a (de links) y click el botón de flecha una vez más. Se tendrá algo como esto:<br />Click OK para añadir el selector al archivo de Style Sheet. Se terminaría con algo así:<br />Haga click derecho entre las llaves que acaba de añadir y escoja Generar estilo <br />En el Font Category , cambie el color a #008000 escribiéndolo en la caja<br />En la sección de Text-decoration a la derecha de la pantalla de dialogo, ponga un check para la opción Underline. Se tendría una situación así:<br />Haga click en OK para cerrar la pantalla. Luego en el archivo CSS, seleccione completamente la regla que acaba de crear y guárdela en le clipboard. Luego péguela 2 veces debajo de la regla original.<br />Renombre el primer selector que se acaba de pegar con #MainContent a:visited <br />Haga right-click en la regla que se acaba de crear y seleccione Generar estilo. En el Font-Cataegory cambie el valor de la opción color por #FF0000 y luego haga click en OK<br />Cambie el tercer selector de #MainContent a #MainContent a:hover .<br />Una vez más, haga right-click en el nuevo style que se acaba de crear y seleccione Generar estilo. En el Font-Category cambie la opción color por el valor #FFA500. Click Ok para aceptar las modificaciones.<br />Salve y cierre el archivo Style.css<br />