Heim  >  Artikel  >  Web-Frontend  >  Kapitel 1 Grundlegendes Verständnis von CSS

Kapitel 1 Grundlegendes Verständnis von CSS

黄舟
黄舟Original
2016-12-19 16:00:28964Durchsuche

Eine Einführung in CSS

„Tabelle“, manche Leute übersetzen es einfach als „Stylesheet“. CSS wird für das Layout und die Stilgestaltung von Webseiten verwendet. Bei den sogenannten „neuen Webseiten“ ist CSS zweifellos ein sehr wichtiger Bestandteil. CSS basiert auf der bestehenden Grundlage, um die Mängel der bestehenden HTML-Spezifikationen auszugleichen und das Webdesign flexibler zu gestalten. Dieses Lehrdokument führt Sie in die Anwendung von CSS ein! In diesem Artikel werden nicht alle CSS-Spezifikationen vorgestellt, sondern Sie werden lediglich in die Syntaxteile und Anwendungsmethoden eingeführt, die häufiger verwendet werden und wahrscheinlich beim Schreiben von Webseiten verwendet werden. Da außerdem die Kompatibilität zwischen den beiden Browsern immer weiter abnimmt, zeigen wir Ihnen sorgfältig auf, welche Browser diese Syntax unterstützen. IE unterstützt seit 3.0 einige Grammatiken, dies wird für Sie ebenfalls vermerkt.

Eine kurze Einführung zu jedem Kapitel

Bitte erläutern Sie den Inhalt jedes Kapitels dieses Lehrdokuments! Geben Sie eine Richtung und ein Konzept als Referenz an. Im Wesentlichen konzentrieren sich die ersten beiden Kapitel auf die Etablierung von Konzepten und grundlegenden Erkenntnissen, das heißt, das dritte Kapitel stellt Ihnen zusätzliche Erklärungen und Erläuterungen zu anderen Methoden oder Funktionen vor. Die Kapitel 4 bis 6 konzentrieren sich auf die Einführung von Syntax, Parametern und Eigenschaften, also den Dingen, die wirklich in das Stylesheet eingebaut sind. Kapitel 1 Grundverständnis von CSS: Das ist es! Lassen Sie mich Ihnen einige grundlegende Konzepte und das Verständnis von CSS vorstellen. Kapitel 2 Anwendungsmethoden von CSS: Einführung in die grundlegende Deklaration, Anwendungsmethoden und Funktionen von CSS. Kapitel 3: Ergänzende Anwendungen von CSS: Einführung in andere Deklarationsmethoden, Anwendungen und Funktionen von CSS. Kapitel 4: CSS von Seiteneigenschaften: Einführung in die relevante Syntax, Parameter und Eigenschaften von CSS von Seiteneigenschaften. Kapitel 5: Textbasiertes CSS: Einführung in die Syntax, Parameter und Eigenschaften von textbasiertem CSS. Kapitel 6 Block-naturiertes CSS: Einführung in die block-naturierte CSS-bezogene Syntax, Parameter und Eigenschaften.

Grundverständnis der Anwendung

Die Anwendung ist nicht schwer CSS, aber bitte beziehen Sie sich hier auf das Grundverständnis Nachdem Sie zunächst ein grundlegendes Verständnis einiger Begriffe erlangt haben, wird es für Sie hilfreich sein, die Lehren später zu befolgen, und es wird nicht zu anstrengend erscheinen! 1. Verständnis der Grundbegriffe: Element: Das heißt, das Tag in der Grundsyntax von HTML. Attribut: Attribut zur Beschreibung der Merkmale des Etiketts. Beispiel:


, HR ist die Bezeichnung, WIDTH ist das Attribut und 80 % ist der Wert des WIDTH-Attributs. Eigenschaft (PROperty): Wird zur Beschreibung der Eigenschaften der Komponente verwendet. Entspricht Attributen in der grundlegenden HTML-Syntax. Stil: verfügt über eine Reihe oder ein Array von Eigenschaften zur Beschreibung von Komponenteneigenschaften. Selektor: Die Komponente, auf die der Stil angewendet wird. Beispiel: In H3{ COLOR : BLUE } ist H3 der Selektor, COLOR die Eigenschaft und BLUE der Wert der COLOR-Eigenschaft. 2. Verständnis der Grundeinheiten: Es gibt zwei Möglichkeiten, Einheiten auszudrücken: relative Einheiten und absolute Einheiten. Relative Einheit: „em“: Skalierungsfaktor relativ zur Höhe des Buchstabens. 『en』: Skalierungsfaktor relativ zur Schriftgröße. 『%』: Prozentsatz relativ zur Längeneinheit (normalerweise die Größe der aktuellen Schriftart). Absolute Einheit: „in“: Zoll. „cm“: Zentimeter. „mm“: Millimeter. 『px』: Pixel (Systemstandardeinheit). 『pc』: Pica, Einheit für den Druck beweglicher Lettern. „pt“: Bildpunkt. Relative Beziehung: 1 Zoll = 6 Stück = 72 Punkte = 2,54 cm = 25,4 mm 3. Verständnis der Farbverwendung: Es gibt fünf Möglichkeiten, Farbe auszudrücken. 『#RRGGBB』: Drei Hexadezimalwerte von 00 bis FF repräsentieren die Dezimalwerte von Rot, Grün und Blau von 0 bis 255. 『#RGB』: Eine vereinfachte Darstellung, bei der nur drei Hexadezimalwerte von 0 bis F verwendet werden, um die Werte der drei Primärfarben Rot, Grün und Blau darzustellen. Tatsächlich wird der Browser automatisch auf sechs Hexadezimalwerte erweitert, z. B. wird „#ABC“ zu „#AABBCC“. Es ist jedoch offensichtlich, dass diese Darstellung nicht präzise ist. „rgb(R,G,B)“: Stellt die Farbe durch die drei Primärfarbwerte Rot, Grün und Blau mit Dezimalwerten von 0 bis 255 dar. „rgb(R%,G%,B%)“: Verwenden Sie das relative Zahlenverhältnis von Rot, Grün und Blau, um die Farbe darzustellen, z. B. „rgb(60 %, 100 %, 75 %)“. „Color_Name“: Drücken Sie die Farbe direkt durch den Farbnamen aus. Es gibt 141 Standardfarbnamen. 4. Verständnis der URL-Darstellung: Es gibt fünf Möglichkeiten, CSS-URLs darzustellen, und alle sind rechtliche Erklärungen. Sie können sie selbst auswählen.

Das Obige ist der Inhalt von Kapitel 1 Grundverständnis von CSS. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

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
Vorheriger Artikel:HTML-KOMPONENTEN Teil 5Nächster Artikel:HTML-KOMPONENTEN Teil 5