2) RESUELVA LOS SIGUIENTES PROBLEMAS.
1. Desarrolle una CSS que permita manejar encabezados, el texto, y las listas de una página HTML.
Resp.-
Documento CSS (doc.css)
* {
margin : 0.5px;
padding: 10px;
}
/*en este lugar pondre el direccionamiento para el encabezado*/
h1{color:red;
font-size:2.3em;
font-family:arial;
}
/*en este lugar el direccionaiento para el texto*/
p{color:blue;
font-size:1.3em;
font-family:roman;
}
.destacado{color:white;}
/*en este lugar para el contenido de listas que vemos en la pagina*/
ol{padding:0 0 0.50em;
color:yellow;
list-style:circle;
}
li{margin:0 0 0.20em;
font-family:verdana; }
Documento HTML(estilos.html)
"PAGINA PRINCIPAL DE ESTILOS"
Esta es una pagina que muestra como se an de actualizar las hojas de
estilo mediante una paagina HTML y un texto CSS por lo consiguiente podremos ver de
como podemos hacer una mas de uestras paginas con el estilo cascada
por lo consiguiente podremos ver como en verdad podemos ver una
mas de nuestras paginas en una hoja de estilo al tener un contenido sin predominio
podemos ver como los parrofos se han hecho mas diferentes
mediante el cual podremos ver como podremos ver el lugar y la zona
de la hoja de estilos o cascada.
Class aptent taciti sociosqu ad litora...Nunc sed lacus et est adipiscing accumsan...este es el numero siete de mi pagina
NUMERO SIETE
este es el numero seis de mi pagina
NUMERO SEIS.
este es el numero cinco de mi pagina
NUMERO CINCO.
este es el numero cuatro de mi pagina
NUMERO CUATRO.
este es el numero tres de mi pagina
NUMERO TRES.
este es numero dos de mis pagina
NUMERO DOS.
esta es una mis paginas de las cuales podremos ver el estado de mis zonas.
NUMERO UNO.
2. Desarrolle un ejemplo para manejar selectores descendentes.
Resp.-
Documento CSS(doc.css)
p span{color:red;
text-decoration:underline;
}
Documento HTML(estilos.html)
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Hola como están este es un ejemplo de un manejo de selector descendente.
hola hello hi
3. Desarrolle un ejemplo para manejar selectores de clase.
Resp.-
Documento CSS(doc.css)
.destacado{color:red;
Font-family:roman;
}
Documento HTML(estilos.html)
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4. Desarrolle un ejemplo para manejar selectores de ID.
Resp.-
Documento CSS(doc.css)
#aviso{color:yellow;
Font-size:0.9em;
}
Documento HTML(estilos.html)
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
En este caso parece igual que el selector de clase solo que en vez de punto(.) se utiliza
el símbolo de la almohadilla (#)...
Class aptent taciti sociosqu ad litora...ademas de otras caracteristicas...
Lorem ipsum dolor sit amet...
No hay comentarios:
Publicar un comentario