Abril 5 /2017
Clase N° 11
-Se realiza un ejercicio utilizando css.
CÓDIGO HTML:
<html>
<head>
<title></title>
</head>
<link rel="stylesheet" type="text/css" href="estilo.css">
<body>
<br>
<h1>Hola a todos</h1>
<br>
<h1><p>Hola2 a todos</p></h1>
</body>
</html>
CÓDIGO CSS:
body{
color:#ff0;
background-color: #c6c6c6;
}
h1{
font-size:30px;
color:#f00;
text-align: center;
}
h1 p{
font-size:50px;
color:#fff;
text-shadow: 1px 20px #9f5f9f;
text-transform: uppercase;
text-align: center;
}
Igualmente se realizó un ejercicio en clase para puntos, en el cual tocaba modificar directamente desde el propio blog en una publicación especial, nuestro nombre en color rojo, con una sombra, con la etiqueta <style></style>
CÓDIGO:
<html>
<body>
<h1>
Angela Barajas</h1>
<style type="text/css">
h1 {
font-size:50px;
color:#f00;
text-shadow: 40px 2px #0f0;
text-transform: uppercase;
text-align: center;}
</style>
</body>
</html>
NOTA IMPORTANTE:
- La etiqueta <style></style> solo se puede usar en caso de que el profesor lo indique necesario, como en el ejercicio anterior en el cuál tocaba modificar directamente desde el blog.
LÍNEA DEL CÓDIGO PARA VINCULAR EL ARCHIVO CSS CON EL HTML:
<link rel="stylesheet" type="text/css" href="estilo.css" />
No hay comentarios:
Publicar un comentario