Heim > Web-Frontend > CSS-Tutorial > Wo ist das CSS geschrieben?

Wo ist das CSS geschrieben?

青灯夜游
Freigeben: 2023-01-05 16:13:43
Original
11399 Leute haben es durchsucht

Wo man CSS schreibt: 1. Schreiben Sie es als Inline-Stil in das Style-Attribut des HTML-Tags. 2. Schreiben Sie es als Inline-Stil in das Style-Tag des Head-Tags. Schreiben Sie es in eine separate „.css“-Datei, verwenden Sie das Link-Tag oder die „@import“-Regel, um es in HTML einzuführen.

Wo ist das CSS geschrieben?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Es gibt drei Arten von CSS-Stilen: Inline-CSS-Stile, Inline-CSS-Stile und externe CSS-Stile (Gliederungsstile).

1. Inline-CSS-Stil

Verwenden Sie das style-Attribut im HTML-Tag, um den CSS-Stil festzulegen

Format:

<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>
Nach dem Login kopieren

Beispiel:

<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>
Nach dem Login kopieren

Funktionen: Gilt nur für dieses Tag.

2. Eingebetteter CSS-Stil

Verwenden Sie das Style-Tag im Head-Tag, um den CSS-Stil festzulegen

Format:

<style type="text/css">
 ....css样式代码 
</style>
Nach dem Login kopieren

Funktionen: Wirkt auf die gesamte aktuelle Seite

3 CSS-Stil (Externer Link-Stil)

Schreiben Sie den CSS-Code in eine separate „.css“-Datei

Wo ist das CSS geschrieben?Verwenden Sie das Link-Tag oder @import, um die Datei in die Seite einzuführen

Beispiel:

<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>
Nach dem Login kopieren

Learning Video-Sharing: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWo ist das CSS geschrieben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage