Heim >Web-Frontend >HTML-Tutorial >So verbinden Sie CSS mit HTML
Zu den Möglichkeiten, CSS mit HTML zu verbinden, gehören das direkte Schreiben von CSS in den Header über den Link und die Verwendung einer @import-URL beim Zugriff auf mehrere CSS-Dateien
<div style="width:100px;height:100px;border:1px solid #ccc"></div>Methode 2: Den Header direkt in CSS schreiben
<head> <meta charset="UTF-8"> <title>Title</title> <style> p{font-size: 20px; color:red;} h1{color: blueviolet; font-family: "Arial Narrow"; } </style> </head>Methode 3: Eine CSS-Datei extern verlinkenDies ist eine häufig verwendete Methode
<link href="css.css" rel="stylesheet" type="text/css">Methode 4: Beim Verbinden mehrere CSS, wenn eine CSS-Datei auf eine andere CSS-Datei verweist
@import url(文件名.css)Laden, nachdem die Seite geladen wurde
Das obige ist der detaillierte Inhalt vonSo verbinden Sie CSS mit HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!