Dans notre balise Head :
Nous allons mettre la condition suivante : si notre section spécifique aux css nommée "HeaderCss" est définie (via le mot clé IsSectionDefined), alors on l'inclut (via le RenderSection) :
@* css communes à toutes les pages *@ @Styles.Render("~/Content/css") @* zone de css spécifiques *@ @if (IsSectionDefined("HeaderCss")) { @RenderSection("HeaderCss", required: false) }Dans nos Views :
Dans les "Views" où nous souhaitons intégrés des css spécifiques, il suffira de "rendre" ces dernières via le nom que l'on a attribué à la section spécifique (HeaderCss):
@section HeaderCss{ @Styles.Render("~/Content/themes/base/css") <link href="/css/supercss.css" rel="stylesheet" type="text/css" /> <style> .headerboard { margin-left: 150px; padding-top: 5px; text-transform: uppercase; } </style> }
Les styles spécifiques seront inclus uniquement dans nos pages spécifiques (là où nous aurons rajouté notre section css), mais elles serons définies dans le "head" de nos pages HTML : on aura une meilleure organisation de notre code html (avec des styles définis au même endroit) et on respectera au passage les normes W3C.
Aucun commentaire:
Enregistrer un commentaire