CSS bezieht sich auf Cascading Style Sheets, eine Stylesheet-Sprache, die zur Beschreibung der Dokumentpräsentation in HTML oder XML (einschließlich XML-Zweigsprachen wie SVG und XHTML) verwendet wird. CSS beschreibt, wie Elemente auf Bildschirm, Papier, Audio und anderen Medien gerendert werden sollen.
Webseiten bestehen aus HTML-Tags, und diese Tags werden gemäß der Standardmethode des Browsers eingegeben und gerendert Es wird empfohlen, CSS zu verwenden, da dadurch nicht nur die Trennung von Inhalt und Leistung erreicht wird, sondern auch die Wartung erleichtert wird.
Die CSS-Syntax besteht aus zwei Hauptteilen: dem Selektor und einer oder mehreren Deklarationen.
selector {declaration1; declaration2; ... declarationN }
Jede Deklaration besteht aus einem Attribut und einem Wert.
selector {property: value}
Im folgenden Beispiel ist h1 der Selektor, Farbe und Schriftgröße sind Attribute und Rot und 14 Pixel sind Werte.
h1 {color:red; font-size:14px;}
Dieses Bild stellt anschaulich die Struktur des obigen Codes dar
CSS für Leerzeichen und Großschreibung gibt es nicht sensibel, das heißt, dass sowohl Groß- als auch Kleinschreibung verwendet werden kann, hat keinen Einfluss auf die Arbeitswirkung von CSS im Browser
/* 属性为大小,值为小写,并且冒号后面有多个空格 */ .box {COLOR: blue; }/* 建议写法 */.box {color: blue; }
Die beiden oben genannten Schreibmethoden sind Der im Browser angezeigte Effekt ist der gleiche.
Wie die HTML-Sprache gibt es auch Kommentare
/* 这是表示单行的注释 */
Hinweis: Kommentare können nicht verschachtelt werden:
/* 这是表示*/单行的注释 *//* 这是表示单行的注释 /* */ */
/* * 这是表示多行的注释 * 注释内容1 * 注释内容2 */
Inline-Stil ist das Festlegen des CSS-Stils im Stilattribut des Tags.
<div style="..."></div>
<head><meta charset="UTF-8"><title>嵌入式</title>...<style type="text/css">...在这里写CSS样式</style></head>
<head><meta charset="UTF-8"><title>外联式</title>...<link rel="stylesheet" href="outer.css?1.1.11" /></head>
href: Geben Sie den Pfad des externen Stylesheets an
5.4 Importieren (nicht empfohlen)
<head><meta charset="UTF-8"><title>导入式</title><style type="text/css">@import url(css/outer.css);/*其他css样式*/</style></head>
Eine andere Verwendung zum Importieren externer Stile Wenn eine Datei auf viele externe Stylesheets verweisen muss, können Sie die Stylesheets, auf die verwiesen werden soll, in einer Datei ablegen. Bei Dateien, auf die verwiesen werden muss, müssen Sie beispielsweise nur auf eine Datei verweisen Der Inhalt von
import.css lautet wie folgt:@import „a.css“
@import „b.css“
@import „c. css“
Zusätzlich zu Bei den oben genannten vier importierten Stilen müssen Sie wissen, dass alle Tags einen Standardstil haben, den wir Browserstil oder Standardstil nennen. Das heißt, wie HTML-Tags in einem Browser angezeigt werden, ohne dass Stile hinzugefügt werden müssen.
zu verwenden
Das obige ist der detaillierte Inhalt vonEine kurze Einführung in CSS-Kenntnisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!