① CSS實際是如何工作的呢?
當瀏覽器顯示文檔時,它必須將文檔的內容與其樣式信息結合。它分兩個階段處理文檔:
1.瀏覽器將HTML和CSS轉化成DOM(文檔對象模型)。DOM在計算機內存中表示文檔。它把文檔內容和其樣式結合在一起。
2.瀏覽器顯示?DOM 的內容。
②。如何將你的CSS應用到HTML
1.外部樣式表
比如有css文件如下
style.css: ? ?h1{color:blue;background-color:yellow;border:1px solid black;}p{color:red;}
<head>
? ? ? ? ? ? <link rel = "stylesheet" ? href ="css/style.css">
</head>
2.內部樣式表
<head>
? ? ? ? <style>
? ? ? ? ? ? ? ? h1{color:blue;background-color:yellow;border:1px solid black;}p{color:red;}
? ? ? ? </style>
</head>
3.內聯樣式(當然在非必要的情況下切勿使用此種方式,不利于維護)
<body>
? ? ? ? ?<h1 style = "color:blue; background-color:yellow;border: 1px solid black; ">Hello World!</h1>
</body>