Les partenaires publicitaires:

Comment utiliser les styles dans les balises div

Un élément div est un outil couramment utilisé dans HyperText Markup Language (HTML) codant pour établir un élément de bloc individuel. Cet élément peut être de style et positionné en utilisant Cascading Style Sheet (CSS) règles. Par exemple, un concepteur de sites Web peut vouloir séparer un bloc de texte du reste de sa page web en appliquant des règles de conception uniquement pour distinguer juste que bloc de texte. Il pourrait le faire en mettant le texte dans un élément div et de suivi en utilisant des règles de style CSS pour la div. (Voir référence 1)

Instructions

  1. Créer une nouvelle feuille de style et d'écrire vos règles CSS. Il ya un certain nombre de free-to-utilisation des tutoriels CSS sur le net. Ceux-ci incluent les placements par les écoles W3, W3.org et Tutorial CSS. L'utilisation de ces tutoriels va révéler un grand nombre de règles CSS puissants qui vous permettra de contrôler la position de votre page web éléments et le style de leur apparence. Vous pouvez établir deux classes CSS et les éléments d'identité de CSS qui contiennent les règles que vous souhaitez appliquer aux éléments de votre page web.

    Par exemple ici est un exemple d'un sélecteur d'identité CSS qui crée une règle que le texte dans un div avec l'id de "header" aura une indentation 3 pixels.

    tête {text-indent: 3p}

    Et, voici un exemple d'un sélecteur de classe CSS qui crée une règle que tout le texte dans un div avec la classe de "texte" rendra dans une petite taille de la police.

    .text {font-size: small}




    (Voir référence 3)

  2. Placez votre élément div. Établir votre élément div avant que le contenu que vous souhaitez style. Ne pas oublier de placer la balise div de clôture à la fin du contenu. Cette balise va arrêter les règles de style div à la fin de la teneur et de veiller à ce que vous ne faites pas accidentellement à d'autres éléments de la page web.

    Par example;

    Content d'être de style va ici.

    (Voir référence 2)



  3. Affectez vos éléments div avec les règles CSS souhaités. Il ya principalement deux façons d'appliquer une règle CSS à votre élément div. Vous pouvez affecter une règle de classe CSS à l'élément de la manière suivante;

    Content d'être de style va ici.

    Une autre façon de coiffer un élément div est d'affecter une règle spécifique de l'identité de CSS à votre div comme ceci;

    Content d'être de style va ici.

    (Voir référence 3)

Conseils Avertissements

  • Utilisation des règles de classe CSS est préférable lorsque vous devez appliquer le même ensemble de règles à plusieurs éléments div différents. Une règle CSS ID est utile lorsque vous devez affecter un ensemble de règles spécifiques à juste un élément div unique.
» » » » Comment utiliser les styles dans les balises div