Maison > interface Web > tutoriel CSS > Utilisez des pièces standard pour assembler la page Web DIV layout-WEB standard website design experience_CSS/HTML

Utilisez des pièces standard pour assembler la page Web DIV layout-WEB standard website design experience_CSS/HTML

WBOY
Libérer: 2016-05-16 12:10:51
original
1824 Les gens l'ont consulté

J'ai une idée comme celle-ci, mais je ne sais pas si c'est réalisable

Exemple :
La colonne de gauche dans la mise en page, ses attributs sont : {Gauche, largeur, couleur d'arrière-plan, police, etc.🎜> Si chaque attribut est transformé en pièce standard, puis assemblé et utilisé comme ceci
class="float width height background font padding....", complétez le style de mise en page en référençant les parties standards de plusieurs classes
Définissez d'abord les pièces standards selon vos besoins, telles que :

pièces standards flottantes

.l{float:gauche}
.r{float:right}
.cl{clear:gauche>
...

pièces standards en largeur

.w200{largeur:200px>
.w300{largeur:300px}
...

Pièces standards de fond

.red{background:rouge>
.noir{fond:#000}
.white{fond:#fff}
...
Citer si nécessaire
class="l w200 rouge"[gauche, largeur 200, fond rouge]
class="r w200 blanc" [droite, largeur 200, fond blanc]

J'écris maintenant mon propre code et je peux définir un style de mise en page avec jusqu'à 2 classes, ce qui semble très pratique

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal