Heim > Web-Frontend > CSS-Tutorial > Wie schreibe ich ein externes CSS-Stylesheet?

Wie schreibe ich ein externes CSS-Stylesheet?

anonymity
Freigeben: 2019-05-28 09:43:28
Original
30034 Leute haben es durchsucht

Externer CSS-Stil (auch externer Stil genannt) besteht darin, den CSS-Code in eine separate externe Datei zu schreiben. Diese CSS-Stildatei hat den Erweiterungsnamen „.css“ und ist in Tag) Verwenden Sie das -Tag, um die CSS-Stildatei mit der HTML-Datei zu verknüpfen, wie im folgenden Code gezeigt:

Hinweis:

1 Der Dateiname im CSS-Stil wird mit aussagekräftigen englischen Buchstaben benannt, z. B. main.css.

2. rel="stylesheet" type="text/css" ist eine feste Schreibmethode, die nicht geändert werden kann.

3. Die Position des -Tags wird im Allgemeinen innerhalb des -Tags geschrieben.

Wie schreibe ich ein externes CSS-Stylesheet?

Beispiel:

style.css

span{
   color:red;
   font-size:20px;
}
Nach dem Login kopieren

index.html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <p>php中文网,<span>超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;<span>服务及时贴心</span>,内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手!</p>
</body>
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie schreibe ich ein externes CSS-Stylesheet?. 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