Zusammenfassung und Weitergabe der Grundlagen zum Erlernen von CSS-Stilen
高洛峰
Freigeben： 2017-03-10 10:33:37
Original
1467 Leute haben es durchsucht
Es ist unmöglich, CSS-Layout ohne ausreichende Grundkenntnisse zu erstellen. Interessierte Freunde können sich auf die häufig verwendeten CSS-Attribute beziehen. 1.
Grundlegende Einführung in CSS
Cascading Style Sheet (Cascading Style Sheet) wird als „CSS“ bezeichnet, üblicherweise auch als „Style Sheet (Style Sheet)“, das verwendet wird zum Web-Style-Design. Wenn Sie beispielsweise möchten, dass das Linkwort blau ist, wenn nicht darauf geklickt wird, und dann rot und unterstrichen wird, wenn die Maus darüber bewegt wird, handelt es sich um einen Stil. Durch die Einrichtung eines Stylesheets können Sie die Anzeigeattribute jeder Markierung in HTML einheitlich steuern. Mit Cascading Style Sheets können Benutzer das Erscheinungsbild von Webseiten effektiver steuern. Mithilfe von Cascading Style Sheets können Sie Ihre Möglichkeiten erweitern, die Position und das Erscheinungsbild von Webseitenelementen präzise festzulegen und Spezialeffekte zu erstellen.
CSS ist die Abkürzung für Englisch CascadingStyle Sheets (Cascading Style Sheets). Es handelt sich um eine Computersprache, die zum Ausdrücken von Dateistilen wie HTML oder XML verwendet wird. Die neueste Version von CSS ist CSS3, eine Stil-Design-Sprache, die die Leistung einer Webseite wirklich vom Inhalt trennen kann. Verglichen mit der Leistung von herkömmlichem HTML kann CSS die Position und das Layout von Objekten auf Webseiten präzise auf Pixelebene steuern, unterstützt nahezu alle Schriftgrößenstile, kann Webseitenobjekte und Modellstile bearbeiten und vorläufige Arbeiten durchführen Interaktionen Design ist derzeit die beste ausdrucksstarke Designsprache, die auf Textanzeige basiert. CSS kann Schreibmethoden entsprechend der Verständnisfähigkeit verschiedener Benutzer vereinfachen oder optimieren und es so für alle Arten von Menschen gut lesbar machen.
2. So verwenden Sie CSS
Es gibt drei Möglichkeiten, Stylesheets auf Website-Seiten zu verwenden:
Externe Stile: Verknüpfen Sie Webseiten mit externen Stylesheets.
Innenseitenstile: Erstellen Sie eingebettete Stylesheets auf Webseiten.
Inline-Stile: Wenden Sie Inline-Stile auf einzelne Webseitenelemente an.
Jede Methode hat ihre Vor- und Nachteile:
Verwenden Sie ein externes Stylesheet, wenn Sie den gleichen Stil konsistent auf allen oder einigen Seiten Ihrer Website anwenden möchten. Durch die Definition von Stilen in einem oder mehreren externen Stylesheets und deren Verknüpfung mit allen Webseiten wird ein einheitliches Erscheinungsbild auf allen Webseiten gewährleistet. Wenn Benutzer beschließen, den Stil zu ändern, müssen sie ihn nur einmal im externen Stylesheet ändern, und die Änderung wird auf allen mit dem Stylesheet verknüpften Seiten widergespiegelt. Normalerweise haben externe Stylesheets die Dateierweiterung .css, wie zum Beispiel der allgemeine Stil Common.css im Brisket-Pressemitteilungssystem. Verlinken Sie es dann auf der Seite, die diesen Stil erfordert, z. B.:
> Wenn Benutzer lediglich den Stil der aktuellen Webseite definieren möchten, können eingebettete Stylesheets verwendet werden. Ein eingebettetes Stylesheet ist ein kaskadierendes Stylesheet, das in das
-Tag „eingebettet“ ist. Stile in eingebetteten Stylesheets können nur auf derselben Webseite verwendet werden. Zum Beispiel:
Verwenden Sie Inline-Stile, um kaskadierende Stylesheet-Attribute auf Webseitenelemente anzuwenden. Beispiel:
CSS-Dokument
Wenn die Webseite auf ein externes Stylesheet verweist, erweitern oder überschreiben für die Webseite erstellte Inline- oder eingebettete Stile die angegebenen Eigenschaften im externen Stylesheet.
Um Stile aus einem externen Stylesheet auf einer Webseite zu verwenden, verknüpfen Sie die Webseite mit dem Stylesheet, indem Sie den Befehl „Stylesheet-Verknüpfung“ im Menü „Format“ verwenden. Sie können ein oder mehrere Stylesheets mit der aktuellen Webseite im Webseitenansichtsmodus, mit einer ausgewählten Webseite in einer Ordnerliste oder mit allen Webseiten auf der Site verknüpfen.
Das Feld „Stil“ listet Standard-HTML-Tags wie Überschriften
1 sowie Klassen- oder ID-Auswahlen auf, die in eingebetteten Stylesheets oder externen Stylesheets enthalten sind, die mit dem Webseitengerät verknüpft sind. Um einen Stil auf ein Webseitenelement anzuwenden, wählen Sie den Stil aus und klicken Sie im Feld „Stil“ auf den Stil oder die Auswahl.
In Microsoft FrontPage 2000 werden bestimmte Formatierungsfunktionen automatisch als Inline-Stile angewendet. Beispiel: Wenn Sie den Befehl „Rahmen & Schatten“ (im Menü „Format“) verwenden, um einen Rahmen um einen regulären Absatz anzuwenden, schreibt FrontPage die Formatierungsinformationen als Inline-Stileigenschaften der Absatzmarke (z. B. ). Die Anwendung einiger Eigenschaften erfordert jedoch die Verwendung von CSS, andere erfordern die Verwendung von HTML. Wenn Sie nur Inline-Stile mit CSS anwenden möchten, können Sie die Schaltfläche „Stile“ (im Dialogfeld „Eigenschaften“ des Webelements) verwenden, um Klassen- oder ID-Selektoren oder Inline-Stile anzuwenden.
Scrollbar-face-color:#f3f3f3;/*Farbe des hervorstehenden Teils der Bildlaufleiste*/ Scrollbar-highlight-color:#f1f1f1 /*Scrollbar-Farbe des Schattenteils der Leiste*/
Scrollbar-base- color:#fcfcfc/*Die Grundfarbe der Bildlaufleiste*/
Das Obige ist eine grundlegende Studie über CSS-Stile. Bitte verzeihen Sie mir, wenn es Unstimmigkeiten gibt.
Das obige ist der detaillierte Inhalt vonZusammenfassung und Weitergabe der Grundlagen zum Erlernen von CSS-Stilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
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
