HTML5 Tag 6 Notizen

CSS-Layout

Normaler Dokumentenfluss: die Reihenfolge, in der Elemente von oben nach unten angeordnet sind

Außerhalb des Dokumentenflusses: Elemente werden aus der normalen Anordnungsreihenfolge herausgezogen

Floating: Elemente auf Blockebene ganz nach links und rechts vom übergeordneten Element verschieben (angeordnet nach unserer eigenen Bedeutung)

float (float): links/rechts/keine; klar (klar): links / rechts / beide;

Float schwebt relativ zum übergeordneten Element

Float wird häufig für gemischte Grafiken und Texte verwendet

Wenn es ein Floating gibt Element, sein übergeordnetes Element wird in der Höhe reduziert.

Opazität steht für Transparenz

PC-Webseitenlayout

Feste Breite und zentriertes Layout

Layout von Banner-Kopfzeile, Navigation und Fußzeile

Grundkomponenten: Kopfzeile, Navigation, Banner, Textkörper, Fuß

Globaler Stil: (Muss jedes Mal geschrieben werden, wenn Sie eine Seite erstellen)

——— ——————————————————————————————— Der Browser wird angezeigt, wenn margin-top zu

*{
margin:0;
padding:0;
box-sizing:boder-box;content-box;
}
body{
font-size:12px;
font-family:Microsoft YaHei,"微软雅黑";
width:1000px;
margin:0 auto;
}
ul,ol,li{
list-style:none;
}
a{
text-decoration:none;
}
img{
border:none;
}

untergeordneten Elementen hinzugefügt wird. Inkompatibel Geben Sie dem übergeordneten Element einfach einen Abstand: 0,1 Pixel, um das Problem zu lösen.

Font Hidden-Font-Size:0px; 🎜>
Wenn Sie einen Kreis erstellen, geben Sie einfach border-radius:50%; ein.

display:block; Konvertieren Sie Inline-Elemente in Elemente auf Blockebene

Die Standardanzeige von Inline-Elementen ist display:inline; die Standardanzeige von Elementen auf Blockebene ist display:block; >
Die von H5 neu hinzugefügten Tags können nur Zeit schreiben.

Die von H5 neu hinzugefügten Tags können nur Copyright und Adresse schreiben , usw.


Das Obige ist der Inhalt der Notizen zum sechsten Tag von HTML5. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn).