Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung der HTML-CSS-Tag-Typkonvertierung, des Zurücksetzens des Stils und der Front-End-Spezifikationen

Ausführliche Erläuterung der HTML-CSS-Tag-Typkonvertierung, des Zurücksetzens des Stils und der Front-End-Spezifikationen

高洛峰
高洛峰Original
2017-03-21 14:44:411328Durchsuche

HTML-CSS-Basis-Tag-Standardwert-Stil-Zurücksetzen:

(CSS-Zurücksetzen) enthält:

body, p,h1,h2,h3,h4,h5,h6,dl,dd Margin Schriftart

Standardwertstil für ol, ul, a, img und andere Tags zurückgesetzt

Mit Gruppe zurücksetzen

Grundlegende Eigenschaften und Konvertierung von Tags

Eigenschaften und Unterschiede zwischen Block und Inline:

Inline-, Inline-, Inline-Attribut-Tags:

1 Standardmäßig können Peers weiterhin Tags desselben Typs folgen

2. Breite der Inhaltserweiterung

3. Breite und Höhe

werden nicht unterstützt. 4. Oberer und unterer Rand sowie Polsterung werden nicht unterstützt.

5. Codezeilenumbrüche werden analysiert

Schnelle Attribute:

1. Standardmäßig in einer Zeile anzeigen

2. Wenn keine Breite vorhanden ist, wird standardmäßig eine Zeile ausgefüllt

Anzeige: Block ; (als Block angezeigt)

display:inline; (als inline angezeigt)

Inline-Block-Funktionen und -Anwendungen

Sie können Inline-Block als einen Block innerhalb verstehen eine Linie.

Funktionen: 1. Blöcke werden in einer Zeile angezeigt

2. Inline-Attribut-Tags unterstützen Breite und Höhe

3. Wenn keine Breite vorhanden ist, wird die Breite durch den Inhalt erweitert

Probleme

1. Codezeilenumbrüche werden analysiert.

2. IE6/IE7 unterstützt keinen Inline-Block von Blockattribut-Tags.

Cursorzeiger Cursortyp: (gibt den Typ des anzuzeigenden Cursors an)

Cursor: Zeiger|Text|mave. . .

cursir.url(hand.cur), Zeiger: Ein Bild einführen und ausführen, wenn es nicht ausgeführt werden kann

Zeiger

Interviewfrage (klassisch):

2.id im englischen Halbwertszustand. Die Klasse muss mit einem Buchstaben beginnen

3. Alle Tags müssen geschlossen sein

4. HTML-Tag-Code-Einrückungsspezifikationen (1. Verbessern Sie die Lesbarkeit und verringern Sie die Wahrscheinlichkeit von Back-End-Fehlern. 2. Bequemes Lesen und Fehlerprüfung)

5. Attributwerte müssen in Anführungszeichen stehen

6Fügen Sie vor und nach Leerzeichen hinzu

7 ./* CSS-Kommentare / Zum Beispiel div usw.

9.p-, dt-, h- und Blockattribute können nicht in Tags verschachtelt werden und nur Titeltext sollte im Titel platziert werden

10. Ein Tag kann nicht verschachtelt werden

11. Inline-Elemente können nicht in Blöcken verschachtelt werden;

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der HTML-CSS-Tag-Typkonvertierung, des Zurücksetzens des Stils und der Front-End-Spezifikationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn