Académique Documents
Professionnel Documents
Culture Documents
Objetivos:
Enunciado:
Crear una pgina web que describa un objeto (auto, cama, casa, etc.) sin utilizar
propiedades dentro del .html, utilizando el siguiente formato:
h1, h2, h3
serif;
margin-right: auto;
text-align: center;
img
color: black;
font-weight: normal;
display:block;
text-align: justify;
font-family: Arial,
Helvetica, sans-
margin-left: auto;
color: black;
font-weight: normal;
font-family: Arial,
Helvetica, sans-
serif;
}
Nota: para importar el archive .css al HTML, utilice la etiqueta <link> y escriba el
siguiente cdigo dentro de la etiqueta <head>:
<head>
<link rel=stylesheets type=text/css href=propiedades.css>
</head>
Como se puede observar cada nombre de objeto tiene una etiqueta diferente
(etiquetas <h1>, <h2>, <h3>), esto para efecto de las siguientes instrucciones que se
crearan en el cdigo CSS. De igual manera se puede observar que para cada prrafo
se le coloco una instruccin parecida a esta id= objeto (objeto=cama, sof, silla),
esto nos servir para que nuestro elemento tome el estilo del selector P#objeto
(objeto=cama, sof, silla), que estar definido en el archivo .CSS (propiedades.css).
Creacin del archivo CSS que contiene las reglas para <p> y para <h1>, <h2>,
<h3>.
h1
{
text-align: center;
color: black;
font-weight: 300;
font-family:
cursive;
}
h2
{
text-align: left;
color: Red;
font-weight: 200;
font-family:
fantasy;
}
h3
{
text-align: left;
color: blue;
font-weight: 250;
font-family:
monospace;
}
img
{
display:block;
margin-left: auto;
margin-right:
auto;
}
p#Cama
{
text-align: justify;
color:green;
font-size: 12pt;
font-family:
cursive;
}
p#Sofa
{
text-align: justify;
color:red;
font-size: 14pt;
font-family:
monospace;
}
p#Silla
{
text-align: justify;
color:green;
font-size: 16pt;
font-family:
"Homer
Simpson",
cursive;
}
Cada elemento tomo los estilos correspondientes a los que se definieron en nuestro cdigo
CSS.