HTML大家都非常熟悉了,每天打開電腦HTML都會與大家見面,大家看到的HTML都很美觀,其實呢,大部分功德還是CSS的,那CSS到底是什么東西呢?CSS真有這么大的本事讓網(wǎng)頁變得非常美觀嗎?下面就帶大家熟悉下,CSS的魔法。
首先,弄清楚,CSS具體是什么東西,它是Cascading Style Sheet的縮寫,也就是樣式的意思,即網(wǎng)頁的樣式。
那么,我們怎樣把CSS嵌入到網(wǎng)頁中呢,共三種方式:
1.行內(nèi)式, ?代碼寫在具體網(wǎng)頁中的一個元素內(nèi),如下：
<body>
<p style = "color:red, font-weight:600">行內(nèi)樣式例子</p>
</body>
！！每一個HTML元素都包含一個style屬性，寫在開始標(biāo)簽里，可以直接定義樣式。該樣式僅能用于該元素的內(nèi)容，對于另一個同名的元素則不起作用。！！
2.嵌入式, ?使用HTML的style元素，在文檔中定義CSS樣式。如下：中,示例如下:
<html>
<head>
? ? ?<title>嵌入式</title>
<style>
? ? ? .p{ color:yellow, font-weight:normal }
</style>
</head>
</html>
3.外聯(lián)式， 外部引用，指HTML文檔本身不含有CSS樣式，而是 link 動態(tài)引用外部的CSS文件定義文檔的表現(xiàn)形式，可以使用多個link，從而鏈接多個樣式表如下：
<html>
<head>
<title>外聯(lián)式測試</title>
? ? <link href = "index.css", rel = "stylesheet">
? ? <link href = "style.css", rel = "stylesheet">
</head>
?<body>
<div id="box"></div>
</body>
</html>
這三個樣式可以用任何中的一個,不過外聯(lián)式用得最多,其中, ?它們?nèi)齻€權(quán)重優(yōu)先順序是:行內(nèi)式——嵌入式——外部樣式表。最后,希望大家在CSS上面越走越遠(yuǎn)。
