Css2

Introducción a Css2 corregido
Debes insertar las etiquetas rodeando el contenido que se desea agrupar. Por ejemplo:

Pato a la naranja

Es una de las recetas más tradicionales a la hora decocinar esta carne como plato principal. De carne magra, con una coloración más oscura que la del pollo y con un sabor peculiar, el pato puede ser una interesante opción para aquellos que buscan manerasoriginales de saborear los diferentes platos de cocina.


Para el encabezado y el contenido, utiliza el atributo “class” indicando la clase a la que después se hará referencia en la hoja de estilo:Dentro de la sección content, añadirás otras etiquetas , cerrándolas adecuadamente. En este caso, utilizarás el atributo “id” para identificarlas:


…

Preparación:
…

…

…
Acontinuación puedes ver las reglas que hay que añadir en estilo.css:
.header {
border: 10px solid red;
padding: 5px;
}
.content {
border: 10px solid blue;
padding: 5px;
}
#ingredientes > p {color: white;
}
#preparacion > p {
color: purple;
}
#tiempo > p {
color: maroon;
}
#dificultad > p {
color: fuchsia;
}
Fíjate cómo se indica el selector avanzado que identifica a lospárrafos p incluidos dentro de una de las secciones ingredientes, preparación, tiempo y dificultad.
Como se ha utilizado un identificador en el código HTML de la página, se tiene que emplear el selector detipo #identificador. Además, lo completamos para que haga referencia a los párrafos p “hijos”. El resultado del selector es #identificador >p. Por ejemplo: #ingrediente > p
También se podría haberutilizado el selector de descendientes. Por ejemplo: #ingredientes p
Si utilizas el selector de hijos, solo se seleccionarán los descendientes de primer nivel; mientras que con el selector dedescendientes, de todos.
No te preocupes por las declaraciones de las reglas, es decir, donde indicamos el formato que deseamos aplicar. Pronto aprenderás a crearlas utilizando las propiedades adecuadas....