p>Les feuilles de style en cascade (CSS) sont le langage de codage standard pour décrire comment les pages Web doivent apparaître dans les navigateurs Web. Les sites Web contiennent souvent plusieurs colonnes. Découvrez comment formater les colonnes en CSS pour pouvoir ajuster leur emplacement, leur taille et leur apparence comme vous le souhaitez.
Déterminez la taille du rembourrage, des marges et des bordures que vous voulez de chaque côté de la colonne.
Déterminez la « hauteur » de la colonne désirée et ajoutez-la à l’id de l’emballage de la colonne (comme « sidebar-wrapper { hauteur : 100% ; }.
Déterminez la largeur de la colonne. Vous pouvez le définir en pourcentage ou en pixels.
Trouvez le nom de l’identifiant de la colonne dans votre CSS (comme « #sidebar »).
Ajoutez « float ! : right ; » ou « float : left ; » au CSS pour le nom de l’id (comme « #sidebar { float : right ; } »).
Choisissez les changements de police que vous voulez dans cette colonne particulière, et mettez ce code dans le nom de la colonne id (comme #sidebar { font-size : 0.8em ; }.
Décidez si vous voulez que la colonne apparaisse à droite ou à gauche.
Profitez de savoir comment formater des colonnes en CSS.
Ajoutez le remplissage et les marges au nom de la colonne id (comme « #sidebar { padding : 0 5px ; marge : 0 5px ; bordure : 2px pointillé #fff ; } », qui donne à la colonne 5 pixels de marge et de remplissage de chaque côté, mais aucun en haut et en bas).
Trouvez le nom de l’identifiant de l’enveloppe de colonne dans votre CSS (comme « #sidebar-wrapper »).
Ajoutez les couleurs souhaitées à l’identifiant de la colonne. Par exemple, pour un fond noir sur du texte blanc, vous pouvez utiliser « #sidebar {co! uleur de fond #000 ; couleur #fff ; } ».
Ajoutez cette! « largeur » à l’id d’enveloppe de colonne (comme « sidebar-wrapper { width : 30% ; } »).
Choisissez les balises HTML que vous voulez donner des apparences spéciales et écrivez leur CSS qui se réfère aux balises qui sont spécifiquement dans le nom de la colonne id. Par exemple, pour rendre tout le texte « h3 » balisé en rouge dans votre barre latérale, vous écrirez « #sidebar h3 {couleur #f00 ; } ».
Structurez votre HTML correctement pour des performances CSS optimales. Vous voulez 2 « id » entourant chaque colonne, pour éviter les problèmes de mise en page.
No comments:
Post a Comment