Die vollständige Trennung von HTML-Code und CSS-Code besteht in der Verwendung eines externen CSS-Stylesheets zum Festlegen des Stils. Dies kann die Trennung von Layout und Stil entkoppeln, sehr komplexe Seiten übersichtlich machen und zukünftige Überarbeitungen und Wartungen erleichtern.
Werkzeugmaterialien: Editor, Browser
Fügen Sie den HTML-Code und den CSS-Code in verschiedene Dateien ein und verweisen Sie dann nur im HTML auf die CSS-Datei HTML-Strukturcode wird in der HTML-Datei verwendet, und der CSS-Stil ist nur in der CSS-Datei enthalten. Ein einfaches Beispiel lautet wie folgt:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css.css"> <title>Document</title> </head> <body> <ul class="list"> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> <li class="li_list"></li> </ul> </body> </html>
Aus der obigen Datei ist ersichtlich, dass Die HTML-Datei enthält nur HTML-Code und CSS. Das Stylesheet wird in einer separaten Datei in der Datei css.css abgelegt, wodurch die Entkopplung von HTML-Code und CSS-Code erreicht wird.
Das obige ist der detaillierte Inhalt vonSo trennen Sie HTML von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
