Ich glaube, dass alle Freunde, die CSS studiert haben, CLASS kennen. Ich weiß nicht, wie man es beim Erstellen von Webseiten verwendet. So erstelle ich DIV-Layoutcode. Ich weiß nicht, ob es klar ist oder nicht. Schauen
wir uns die Klassen in zweiTypen
an: Die Layout-Klasse ist das Grundgerüst und die Stil-Klasse ist die
Kleidung Die Spalte im Layout
hat zuerst ihre Attribute: : Es ist die linke Spalte, Breite, Hintergrundfarbe, Schriftfarbe usw.
1.
Zunächst wird eine Klasse definiert, z. B. .layout, die hauptsächlich zurSteuerung
der gesamten Seitengröße verwendet wird
.
Dann 3 Grundlayouts Class(l,m,r)
.l{float:left}
.m{width:auto}
.r{float:right}
Ich klassifiziere auch das 2-Spalten-Layout in das 3-Spalten-Layout, weil In Bei einem 3-Spalten-Layout werden aus 3 Spalten 2 Spalten, wenn die Breite der linken und rechten Spalte jeweils 0 beträgt.
Wenn wir grundlegenden Layoutcode schreiben, ist es am besten, ihn in einem 3-Spalten-Format zu schreiben.
3. Definieren Sie entsprechend der Layout-Klasse die erforderliche Stilklasse, z. B. Breite, Höhe, Hintergrundfarbe usw. Dies sind alles Stilelemente
class_l{background:#ff0;margin-right: -150px;width:150px;}
.class_m {background:# f00;margin:0 140px 0 150px;}
.class_r{background:#00f;margin-left: -140px;width:140px;}
Es gibt nur einen Satz von Layoutklassen, aber es können viele Stilklassen definiert werden . Sie müssen dies beispielsweise in der mittleren Spalte tun. Ein kleines 2-Spalten-Layout kann eine andere Stilklasse definieren
.mid_l{background:#ff0;margin-right: -100px;width:100px;}
.mid_m{background:# f00;margin:0 0 0 100px;}
4 .Kombinieren Sie die Layoutklasse und die Stilklasse und referenzieren Sie sie im Code wie folgt
Zitieren Sie beide Klassen, getrennt durch Leerzeichen, und die zweite ist die Stilklasse. Sie können die beiden Klassen weiterhin mit Leerzeichen zitieren Zu definierende ID.
Andere: Einige häufig verwendete Stilklassen können beispielsweise als
.hide{display:none} definiert werden.
In diesem Fall kann darauf direkt mit class="xxx hide" verwiesen werden Nützliche Orte. Ist das nicht sehr praktisch? Sie können Ihre guten Erfahrungen auch aufschreiben und teilen