MANUALES:
AGRUPACIÓN DE REGLAS:
Cuando el selector
de dos o más reglas CSS es idéntico, se pueden agrupar las declaraciones de las
reglas para hacer las hojas de estilos más eficientes:
h1 {
color: red;
font-size: 2em;
font-family: Verdana;
}
El ejemplo anterior
tiene el mismo efecto que las tres reglas anteriores, pero es más eficiente y
es más fácil de modificar y mantener por parte de los diseñadores. Como CSS
ignora los espacios en blanco y las nuevas líneas, también se pueden agrupar
las reglas de la siguiente forma:
h1 { color: red; font-size: 2em; font-family: Verdana; }
h1 {color:red;font-size:2em;font-family:Verdana;}
Ejemplo:
Documento HTML.
<head>
<title>Ejercicio de selectores</title>
<style type="text/css">
h1 {
color: red;
font-size: 2em;
font-family: Verdana;
}
p {
color: blue;
font-size: 30px;
font-family: arial;
text-decoration: overline;
}
</style>
<body>
<h1> Hola </h1>
<p> Hola mi nombre es Maria Fernanda Garcia </p>
</body>
</html>
Ejecutado:
No hay comentarios:
Publicar un comentario