1º Definición de estilos a nivel de marca
Este mensaje es de color rojo sobre fondo amarillo.
2º Definición de estilos de pagina
Problema
h1{color:#ff0000;background-color:#ffff00;»}
Primer titulo
Segundo titulo
3º Propiedades relacionadas a fuentes
Problema
h1{
font-family:Times New Roman;
font-size:30px;font-style:italic;
font-weight:bold;
}
h2{
font-family:Verdana;
font-size:20px;
}
Texto de tamaño 1
Texto de tamaño 2
4º Definición de varias reglas para una mismamarca HTML
Problema
h1,h2,h3,h4,h5,h6{
font-family:Verdana;
}
h1{
font-size:40px;
}
h2{
font-size:30px;
}
h3{
font-size:25px;
}
h4{
font-size:20px;
}
h5{font-size:15px;
}
h6{
font-size:10px;
}
Letra de tamaño 1
Letra de tamaño 2
Letra de tamaño 3
Letra de tamaño 4
Letra de tamaño 5
Letra de tamaño 6
5ºPropiedades relacionadas al texto.
Problema
h1{
color:#ff0000;
text-align:left;
text-decoration:underline;
}
h2{
color:#dd0000;
text-align:center;text-decoration:underline;
}
h3{
color:#aa0000;
text-align:right;
text-decoration:underline;
}
Letras de primer nivel
Letras de segundo nivel
Letras de tercer nivel
6º Maspropiedades relacionadas al texto.
Problema
h1{
letter-spacing:10px;
word-spacing:10px;
text-transform:capitalize;
}
P{
text-indent:20px;
}
Este titulo es deltamaño 1
Este texto se encierra en la marca del parrafo
con el proposito de ver la propiedad text-indent.Esta propiedad
podemos inicializarla con valor positivo, como en estecaso o podemos inicializarla negativamente lo que provocaria
que el texto que se encuentra en la primera linea se muestre en
una columna inferior a la del bloque.