Introduction à la mise en page CSS div + s
Apprenez-vous la mise en page CSS ? Vous n’arrivez toujours pas à maîtriser la mise en page CSS pure ? Il y a généralement deux situations qui freinent votre apprentissage :
La première possibilité est que vous n'avez pas compris le principe du traitement CSS des pages. Avant de considérer les performances globales de votre page, vous devez d'abord considérer la sémantique et la structure du contenu,
Ajoutez ensuite du CSS pour la sémantique et la structure. Cet article vous expliquera comment structurer le HTML.
Une autre raison est que vous ne connaissez pas les attributs très familiers de la couche de présentation (tels que : cellpadding, hspace, align="left", etc.) et que vous ne savez pas quoi faire
Convertissez en l'instruction CSS correspondante. Lorsque vous aurez résolu le premier problème et saurez comment structurer votre HTML, je vous donnerai une liste détaillant le tableau original
Quel CSS dois-je utiliser pour remplacer l'attribut actuel ?
HTML structuré
Lorsque nous apprenons pour la première fois la production de pages Web, nous réfléchissons toujours à la manière de les concevoir, en tenant compte des images, des polices, des couleurs et des plans de mise en page. Ensuite, nous utilisons Photoshop
Ou dessinez-le dans Fireworks et découpez-le en petites images. Enfin, modifiez le code HTML pour restaurer toutes les conceptions de la page.
Si vous souhaitez que votre page HTML soit mise en page avec CSS (compatible CSS), vous devez revenir en arrière et recommencer. Ne pensez pas d'abord à « l'apparence », mais pensez d'abord à votre page
. Sémantique et structure du contenu.
L'apparence n'est pas la chose la plus importante. Une page HTML bien structurée peut prendre n'importe quel aspect, et CSS Zen Garden en est un excellent exemple. CSS Zen
Garden nous aide enfin à réaliser la puissance du CSS.
Le HTML ne se limite pas à être lu sur un écran d'ordinateur. Vos images soigneusement conçues dans Photoshop peuvent ne pas s'afficher sur les PDA, les téléphones mobiles et les lecteurs d'écran. Mais
Il s'agit d'une page HTML bien structurée qui peut être affichée n'importe où et sur n'importe quel périphérique réseau grâce à différentes définitions de CSS.
Commencez à réfléchir
La première chose à apprendre est ce qu’est la « structure », que certains auteurs appellent également « sémantique ». Ce terme signifie que vous devez analyser vos blocs de contenu et à quoi sert chaque élément de contenu
Objectif, puis établissez la structure HTML correspondante en fonction de ces objectifs de contenu.