Heim  >  Artikel  >  Web-Frontend  >  Einige Lernpunkte von HTML + CSS

Einige Lernpunkte von HTML + CSS

一个新手
一个新手Original
2017-10-23 09:34:311660Durchsuche

1. Wenn td mehrere Zeilen/Spalten einnimmt, wird das komprimierte td nicht geschrieben (aber das tr, das das td umschließt, muss geschrieben werden)

2. Der Text im Element display:td ist nicht vertikal standardmäßig zentriert (Der Text im TD in der Tabelle ist vertikal zentriert)

3. Obwohl der Titel der Kopfzeile definiert ist, erstreckt er sich standardmäßig nicht über Zeilen (colspan ist erforderlich, um Zeilen zu überspannen)

4.text-indent Kann erben

5.

ist ein Blockelement

6.

Blockelement, aber die Breite ist standardmäßig nicht das übergeordnete Element. Die Breite des Elements beträgt 100 %

7. Wenn die Gesamtbreite von td größer als die Breite der eingestellten Tabelle ist, beträgt die Breite der Tabelle vorherrschen

8. wobei der Wert von for name und id sein kann, wobei name von Ich kann einen Namen haben" id="Sie können auch eine ID haben “> Tag, der ID-Name kommt von allen Tags (Ich habe nur eine ID, am besten gibst du mir keinen Namen< /p>)

9. Seine Standardbreite ist adaptiv, aber nach dem Hinzufügen einer Hintergrundfarbe wird es im Vollbildmodus angezeigt!

10. Verwenden Sie für einzeiligen Text line-height für die vertikale Zentrierung , fügen Sie den Stil vertikal-align: middle;

11 hinzu. Überlaufender Text in Elementen derselben Ebene führt zu einem Zusammendrücken , überlaufende Bilder und Elementfelder jedoch nicht Geschwisterelemente zusammendrücken

12.width / height = 100% Wenn das übergeordnete Element keine Breite festlegt, gibt es keine Breite (es wird nicht nach Vorgängerelementen gesucht)

13.Feste Breite/feste Höhe Die Layoutmethode ist nicht dieselbe. Sie verformt sich, wenn die Seite gestreckt und verkleinert wird

14 Das Laden und Rendern des Dokuments erfolgt von oben nach unten, daher CSS-Selektor wählt nicht nach oben (Bruderelement, übergeordnetes Element, Vorfahrenelement)

15 Das Farbattribut kann vererbt werden

16 Der Wert des übergeordneten Elements für das angegebene CSS-Attribut wird nicht festgelegt. Dieser Attributwert wird nicht von Vorfahrenelementen geerbt (viele Attribute werden standardmäßig nicht geerbt, z. B. die Höhe). Fügen Sie ihnen Vererbung hinzu, damit sie erben.)

17. Obwohl Iframe und Body nicht koexistieren, wird es einige Probleme geben (Probleme beim Website-Ranking und beim Rendern des Stils)

18. Die Werte für Randradius, Füllpixel und Füllprozentsätze bilden unterschiedliche Formen. (50 % bilden einen Kreis oder eine Ellipse, 1/2 Pixel bilden eine Kapsel)

19. Die Zellen in einer Zeile legen keine Höhe fest und haben keinen Inhalt wird ihm nicht zugewiesen (ich bin trotzdem ein guter Sozialist!), wenn ich möchte, dass es eine Zeilenhöhe hat, schreibe einfach  

20.td, um die Breite und Höhe festzulegen, und die Tabelle, die eingestellt werden soll Geben Sie die Breite und Höhe an, aber geben Sie td padding an (td unterstützt keinen Rand, unterstützt aber padding), wodurch die Tabelle unendlich erweitert wird (wenn Sie nur die Breiten- und Höhenattribute von td erhöhen, wenn die Gesamtbreite und die Höhe von td ist gleich der in der Tabelle festgelegten Breite und Höhe, eine weitere Vergrößerung ist ungültig Wenn die Tabellenbreite und -höhe größer als die tatsächliche Breite und Höhe von td sind, ist der überschüssige Teil tatsächlich vorhanden wird zugeteilt)

Das obige ist der detaillierte Inhalt vonEinige Lernpunkte von HTML + CSS. 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