HTML/CSS (der erste Must-Read-Leitfaden für Anfänger)

***** separate Inhalte vom Stil

1. Webstandards sind eine Reihe von Standards, die eine Reihe von technischen Standards sind.

Bei Verwendung handelt es sich um eine Kombinationsanwendung

【1】 Strukturierter Inhalt xhtml

【2】, Ausdruck von Inhalten CSS

【3】 Behaviorized Inhalt JavaScript

2. Webentwicklungs-Gadget-Firebug im Firefox-Browser

Tools-Add-Ons-Search Firebug

Als Web-Front-End-Arbeit ist es notwendig, mit Browsern wie IE, Firefox, Google Liu, Safari usw. kompatibel zu sein.

Unabhängig davon, ob die Webseite einen CSS-Stil hat, ändern Sie die Textgröße im Browser.

3.. CSS -Definitionsfähigkeiten:

[1]. Für die zukünftige CSS -Codeoptimierung wird empfohlen, dass alle Attributwerte mitgebracht werden.

【2】 Einige XHTML -Tags haben ihre eigenen Standard -CSS -Attributwerte.

Zum Beispiel hat das H1 -Tag einen eigenen Attributwert, der automatisch fett ist und eine größere Schriftgröße hat.

[3]. Um mit Mainstream -Browsern kompatibel zu sein, wird empfohlen, die CSS -Attribute aller Elemente beim Einstellen auf Standard zurückzusetzen.

[4] Verschiedene Browser haben ihre eigenen CSS-Attributwerte- das Schlimmste ist die Browserkompatibilität.

【5】 Was soll ich tun, wenn ich eine spezielle Schriftart verwenden möchte? -Konvertieren Sie es in ein Bild.

In chinesischen und englischen Schriftarten geteilt. Stellen Sie die Reihenfolge der Schriftarten fest und stellen Sie die englischen Schriftarten vor und Chinesen nach hinten.

【6】, CSS-Bearbeitungstool-es ist in Ordnung, alles zu benutzen, Meister, Menschen mit Blättern zu töten

【7】. Wenn Sie möchten, dass der Text in vertikaler Richtung zentriert, stellen Sie die Leitungshöhe auf die Höhe des Elements ein. Die Höhe des Zeilenhöhe = Elementgröße

【8】 CSS können zurückgesetzt werden, der Standardstil des XHTML -Tags.

4. Die Art und Weise, wie die CSS -Anwendung auf Webseiten verwendet, entspricht der Tragen von Kleidung für Menschen.

【1】, Inline-Stil: auf einen angewendet.

[2]. Einbettungsstil: Auf eine Art Tag angewendet.

[3] Wenn wir viele Webseiten haben, müssen wir CSS verwenden und diese CSS in eine unabhängige Datei schreiben. Dies ist eine externe Verbindung, und es wird empfohlen, ihn zu verwenden.

[4]. Importstil: Es soll auch den Stil in eine Datei schreiben und ihn dann in eine Webseite gießen.

***** Beachten Sie, dass der Importstil tatsächlich dem eingebetteten Stil ähnlich ist und beide Stile zu Webseiten hinzufügen.

1. Die Importmethode belegt den HTML -Dateiraum

2. Einige Browser -Parsingprobleme. Der Browser wird den Inhalt endlich in @import lesen

3. Importieren Sie mehrere Stildateien in eine Stildatei.

CSS wird als Cascading Style Sheet bezeichnet.

1. Vererbung: Das untergeordnete Element erbt bestimmte Stile des übergeordneten Elements.

[Da einige untergeordnete Elemente selbst Standardwerte haben, verwenden sie keine übergeordneten Elemente]

2. Overlay: Wenn ein untergeordnetes Element den gleichen Stil wie das übergeordnete Element definiert, wird der Stil des übergeordneten Elements überschrieben.

***** Der Stil auf der Rückseite überschreibt den Stil an der Vorderseite

CSS -Priorität: Proximity -Prinzip

Je kleiner der Aktionsumfang ist, desto höher ist die Priorität.

Je näher Sie den Stil ändern möchten, desto höher ist die Priorität.

Opa-Red

Papa-Green

Kind-blau

Wählen Sie Priorität

IN-LINE> ID> Klasse> Etikettenwähler

In besonderen Fällen können wir die Berechtigungen eines bestimmten Attributs erhöhen.

***** ietest Tool hat auch ein Kompatibilitätsproblem und es kann nicht in Win7 eröffnet werden.-Laden Sie die grüne Version von IE6 herunter. Welche Version wird verwendet, ohne sie zu installieren.

***** Wenn wir den CSS -Stil anwenden, müssen wir auf seinen Standardwert achten. Da verschiedene Browser unterschiedliche CSS -Standardwerte haben (verschiedene Attribute durchsuchen

Die Unterstützung des Geräts ist anders. Wir müssen auch die Kompatibilität unserer Webseiten sicherstellen und versuchen, die bestandenen Attribute zu verwenden, ohne dass Attribute mit unterschiedlicher Kompatibilität erforderlich sind. )

Pseudo-Klasse-Syntax:

Elementname: Pseudo-Klasse Name {Attribut: Wert}

Zum Beispiel: Die Maus, die durch den Hyperlink geht

A: Hover {Textdekoration: Unterstreichung;}

***** Wenn die Maus platziert ist, ändern Sie bitte die Reihenfolge des Verbindungsstatus LVHA

Das obige HTML/CSS (die erste Must-Read-Anleitung für Anfänger) ist der gesamte Inhalt, der vom Editor geteilt wird. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können vevb wulin.com mehr unterstützen.

Originaladresse: http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html