Comment utiliser un div wrapper

Divs Wrapper Défini

• Dans Web-parler, un div est un élément HTML, semblable à une position ou d'étiquettes de paragraphe. La différence est que divs sont principalement utilisés pour "enrouler" sections de contenu, plutôt que d'être eux-mêmes le contenu. Alors que tout div peut être un wrapper, dans l'usage conventionnel, la div wrapper est celui qui contient tous les autres contenus sur une page, y compris d'autres divs.

CSS à la rescousse

• Beaucoup de pages Web modernes séparer le contenu de mise en forme en utilisant des feuilles de style en cascade. fichiers CSS ont codeurs la souplesse nécessaire pour spécifier les éléments de formatage comme les polices et les milieux indépendamment du contenu. Il leur a aussi donné la possibilité d'avoir un contrôle de fichier CSS de mise en forme de l'potentiellement chaque page du site. Modification d'une police est devenu aussi simple que de mettre à jour une seule ligne dans la feuille de style.

Utilisation du Wrapper

• Vous pouvez utiliser un div de joindre votre tête ou le menu de navigation. L'avantage de cette approche est que vous pouvez affecter un ID ou classe à cet emballage, qui vous permet ensuite de cibler et son contenu en invoquant l'ID ou le nom de la classe dans votre CSS. Vous pouvez envelopper les éléments de navigation, par exemple, dans un div et lui donner le "menu" classe. Ensuite, dans votre CSS, vous pouvez spécifier les attributs qui ne concernent que la "menu" div, et ignorer tout le reste de la page. Votre code HTML pourrait ressembler à ceci:

  
  ... contenu du menu va ici
  

  Ensuite, dans votre CSS, vous pouvez définir le style, comme ceci:

  div.menu {... code CSS va ici}