Ejercicio Práctico:
index.html (archivo HTML)
<html>
<head>
<title>practica tutorial css</title>
<link rel="stylesheet"type="text/css"href="style.css"/>
</head>
<body>
<h1> Hola esto es css</h1>
<h2>Hola esto 2</h2>
<p>
La propiedad <span class="ejemplo">text-indent</span> permite añadir un toque de elegancia a los párrafos de texto al aplicar <span class="ejemplo">sangría a la primera línea de dicho párrafo</span>. En el ejemplo siguiente se ha aplicado una sangía de 30px a todos los párrafos de texto marcados con la etiqueta
</p>
<h3 id=hola> Hola esto es un ejemplo de id </h3>
<h3> Hola esto es un ejemplo de id dos </h3>
<a href="http://es.html.net/tutorials/css/">Esto es un Enlace de Prueba</a>
</body>
</html>
style.css (Archivo CSS)
body {
background-color: #eaeaae;
background-image:url("butterfly.gif");
background-repeat:repeat-y;
background-attachment:scroll;
background-position:75% 75%;
}
h1 {
font-family:arial,verdana,sans-serif;
font-style:oblique;
font-variant:small-caps;
font-weight: bold;
}
h2{
font-weight: 900;
}
P{
font-weight: bold;
text-indent:50px;
text-align:justify;
text-decoration: overline;
letter-spacing:7px;
text-transform:uppercase;
}
a {
text-decoration:none;
}
a:hover{
color:#ff0;
font-style:italic;
text-decoration:none;
}
#hola{
color:#f00;
}
span.ejemplo {
background-color:orange;
}
No hay comentarios:
Publicar un comentario