Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Einführung in die Konvertierung des HTML-CSS-Tag-Typs, das Zurücksetzen des Stils und die Front-End-Spezifikationen

Detaillierte Einführung in die Konvertierung des HTML-CSS-Tag-Typs, das Zurücksetzen des Stils und die Front-End-Spezifikationen

高洛峰
高洛峰Original
2017-03-23 09:29:441778Durchsuche

HTML-CSS-Basis-Tag-Standardwert-Stil-Reset:

(css reset) enthält:

body, p, h1, h2 ,h3,h4,h5,h6,dl,ddRand Schriftart

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

Mit Gruppe zurücksetzen

Grundlegende Eigenschaften und Konvertierung von Tags

Merkmale 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 , unterstützt keinen oberen und unteren Rand und Auffüllen

5. Codezeilenumbrüche werden analysiert

Schnelle Attribute:

1 . Standardmäßig ausschließlich in einer Zeile anzeigen

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

Anzeige: Block; 🎜>

Anzeige: inline ; (Wird als inline angezeigt)

Inline-Block-Funktionen und -Anwendungen

Inline-Block kann als Block innerhalb einer Zeile verstanden werden.

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):

  Zeigt Leerzeichen an

Abgekürztes Titel-Tag Wenn die Maus in den Textbereich bewegt wird, werden beide Informationen in Kleinbuchstaben

2.id unter dem Englischen angezeigt halber Breite

Status

.

Klasse muss mit einem Buchstaben beginnen

3. Alle Tags müssen geschlossen sein

4. HTML-Tag

Code-Einrückungsspezifikation (1. Lesbarkeit verbessern, Reduzieren Sie die Wahrscheinlichkeit von Back-End-Fehlern. 2. Praktisch zum Lesen und zur Fehlerprüfung)

5. Attributwerte müssen in Anführungszeichen stehen

6