Welche Arten von CSS-Stylesheets gibt es?

Es gibt drei Arten von Stylesheet-CSS: 1. Inline-Stylesheet, das den CSS-Stil über das Style-Attribut direkt in das Tag innerhalb der Codezeile einfügt 2. Internes Stylesheet, das den CSS-Stil in das „

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

Ein oder mehrere CSS-Stile können ein Stylesheet bilden. Zu den Stylesheets gehören Inline-Stylesheets, interne Stylesheets und externe Stylesheets. Es gibt keinen wesentlichen Unterschied zwischen ihnen. Sie bestehen alle aus einem oder mehreren Stilen.

1. Inline-Stylesheet

Beim Inline-Stil wird der CSS-Stil direkt in das Tag innerhalb der Codezeile eingefügt, normalerweise im Stilattribut des Tags Dies ist der direkteste Weg, aber auch der umständlichste Stil zum Ändern.

Beispiel:

2. Internes Stylesheet

Das interne Stylesheet ist im

Wenn ein Webdokument mehrere

Beispiel:

<p style="background-color: #999900">行内元素，控制段落-1</p>
<h2 style="background-color: #FF6633">行内元素，h2 标题元素</h2>
<p style="background-color: #999900">行内元素，控制段落-2</p>
<strong style="font-size:30px;">行内元素，strong 比 em 效果要强</strong>
<div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素，div 块级元素</div>
<em style="font-size:2em;">行内元素，em 强调</em>

3. Externes Stylesheet

Wenn der CSS-Stil in einer Datei außerhalb des Webseitendokuments platziert wird, wird er als externes Stylesheet bezeichnet Blatt.

Eigentlich ist ein externes Stylesheet nur eine Textdatei mit der Erweiterung .css. Wenn Sie den CSS-Stilcode in eine Textdatei kopieren und als CSS-Datei speichern, handelt es sich um ein externes Stylesheet.

Wie in der Abbildung unten gezeigt, handelt es sich um ein externes Stylesheet.

Sie können die Zeichenkodierung des CSS-Quellcodes oben in der externen Stylesheet-Datei definieren. Der folgende Code definiert beispielsweise die Zeichenkodierung der Stylesheet-Datei als vereinfachtes Chinesisch.

<style type="text/css">
p{
    text-align: left;  /*文本左对齐*/
    font-size: 18px;  /*字体大小 18 像素*/
    line-height: 25px;  /*行高 25 像素*/
    text-indent: 2em;  /*首行缩进2个文字大小空间*/
    width: 500px;  /*段落宽度 500 像素*/
    margin: 0 auto;  /*浏览器下居中*/
    margin-bottom: 20px;  /*段落下边距 20 像素*/
}
</style>

Wenn Sie die Zeichenkodierung der CSS-Datei nicht festlegen, können Sie die Standardeinstellungen beibehalten und der Browser analysiert den CSS-Code entsprechend der Zeichenkodierung der HTML-Datei.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWelche Arten von CSS-Stylesheets gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!