① CSS實際是如何工作的呢？
當(dāng)瀏覽器顯示文檔時，它必須將文檔的內(nèi)容與其樣式信息結(jié)合。它分兩個階段處理文檔：
1.瀏覽器將HTML和CSS轉(zhuǎn)化成DOM（文檔對象模型）。DOM在計算機內(nèi)存中表示文檔。它把文檔內(nèi)容和其樣式結(jié)合在一起。
2.瀏覽器顯示?DOM 的內(nèi)容。
②。如何將你的CSS應(yīng)用到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.內(nèi)部樣式表
<head>
? ? ? ? <style>
? ? ? ? ? ? ? ? h1{color:blue;background-color:yellow;border:1px solid black;}p{color:red;}
? ? ? ? </style>
</head>
3.內(nèi)聯(lián)樣式(當(dāng)然在非必要的情況下切勿使用此種方式，不利于維護)
<body>
? ? ? ? ?<h1 style = "color:blue; background-color:yellow;border: 1px solid black; ">Hello World!</h1>
</body>
