1. EJERCICIOS EN CSS
EJERCICIO1
Deseo obtener un archivo con Fondo sea amarillo, y que el texto contenido en ella sea de 10 puntos de
altura y de la fuente Arial, con márgenes izquierdo y derecho de media pulgada. Esto afectará a todo lo
que está contenido entre <BODY> y </BODY>, o sea a toda la página.
EJERCICIO2 – COMO LO LOGRAMOS?????
Esto es un párrafo con varias palabras en color azul oscuro. resulta muy fácil.
EJERCICIO3 – QUE OBTENEMOS????
<p>
Esto es un párrafo en varias palabras <SPAN style="color:green">en color verde</SPAN>.
resulta muy fácil.
</p>
EJERCICIO4 – COMO LO LOGRAMOS?????
<p style="color:#990000">
Esto es un párrafo de color rojo.
</p>
<p style="color:#000099">
Esto es un párrafo de color azul.
</p>
EJERCICIO5 – AL INSERTAR EL CÓDIGO QUE SE OBTIENE???????
<html>
<head>
<title> Título de la página </title>
<style type="text/css">
<!--
body {background: black; font-size: 10pt; font-family: Arial,Helvetica,sans-serif; color: yellow; text-
align:justify; margin-left: 0.5in; margin-right: 0.5in}
H1 {background: aqua; font-size: 14pt; font-weight: bold; color: orange}
H2 {font-size: 12pt; font-weight: bold; color: white}
-->
</style>
</head>
<body>
Conjunto de etiquetas del cuerpo de la página
</body>
</html>
2. EJERCICIO6 – QUE OBTENEMOS AL TRABAJAR EL SIGUIENTE CÓDIGO
<style type='text/css'>
body {
background-color:#345485;
}
h1 {
color:orange;
font-family:'Times New Roman';
text-align:center;
}
p{
color:#E9EBAB;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
text-align:center;
}
</style>
EJERCICIO7 – QUE OBTENEMOS?????
body {
background: transparent url('COLOCAR UNA IMAGEN.EXT') no-repeat center
background-attachment: fixed;
}
h1 {
color:red;
font-family:'Times New Roman';
font-size:24px;
font-weight:bold;
text-align:center;
}
h2 {
color:blue;
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
font-weight:bold;
text-align:center;
}
p{
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
}