CSS
/*
Sintaxis para comentarios
*/
/* === Selectores universales === */
* {
margin: 0;
padding: 0;
}
/* === Selectores de elemento === */
body {
background-color: #bbcccc;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 1% 15% 1% 15%;
padding: 20px;
border: 1px solid #000;
}
h1 {
background-color: transparent;
color: #369;
}
/*
"transparent" puede utilizarse en caso de que no tengamos el color de
fondo del tema deseo. A continuación, se aplica el color de fondo del
elemento padre (en este caso, 'body').
*/
p {
font-size: 90%;
line-height: 1.5;
}
/*
1) Reducción del tamaño de la fuente.
2) Línea de mayor altura.
*/
/* === Selector ID === */
div#kasten1 {
background-color: #cedbdb;
color: #000;
}
/*
Una caja con el ID 'kasten1'.
Este ID sólo puede utilizarse una vez.
*/
/* === Selector de clase === */
span.rot {
background-color: transparent;
color: #900;
}
/*
El elemento inline 'span' con la clase 'rot'.
Esta clase puede aparecer diversas veces en el código fuente HTML.
*/
/* === Selectores descendientes === */
div#kasten1 p {
text-align: center;
font-weight: bold;
padding: 10px;
}