Ejercicios en css

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">

</style>
</head>
<body>
Conjunto de etiquetas del cuerpo de la página
</body>
</html>

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;
}

DESEO LOGRAR LO SIGUIENTE, ¿QUÉ DEBEMOS HACER?
P{
font-size : 12pt;
font-family : arial,helvetica;
font-weight : normal;
}
H1 {
font-size : 36pt;
font-family : verdana,arial;
text-decoration : underline;
text-align : center;
background-color : Teal;
}
BODY {
background-color : #006600;
font-family : arial;
color : White;
}

Ejercicios en css

More Related Content

Similar to Ejercicios en css

More from Claretiano

Recently uploaded

Ejercicios en css