- 相關(guān)推薦
css基礎(chǔ)教程之CSS基礎(chǔ)語(yǔ)法欣賞
css基礎(chǔ)教程之CSS基礎(chǔ)語(yǔ)法
我們學(xué)習(xí)CSS要明白一個(gè)重要的問(wèn)題,CSS主要是解決與實(shí)現(xiàn)表現(xiàn)(CSS)與結(jié)構(gòu)(HTML)的分離。我們編寫完HTML之后,如何通過(guò)CSS對(duì)HTML實(shí)現(xiàn)控制呢。
1、行內(nèi)樣式
2、內(nèi)嵌樣式
3、鏈接樣式
4、導(dǎo)入樣式
我們這一節(jié)課的示例就先從行內(nèi)樣式開(kāi)始
行內(nèi)樣式:就是直接在HTML上寫樣式,就是HTML上加屬性style=””這種形式。如
divcss8
,但是這種方法并不是被我們推薦的,因?yàn)椴焕趯?shí)現(xiàn)表現(xiàn)與結(jié)構(gòu)分離。也為后期維護(hù)帶來(lái)很多不必要的困難。我們只需要知道即可。
內(nèi)嵌樣式:針對(duì)當(dāng)前一個(gè)網(wǎng)頁(yè)可以使用的樣式,一般寫在html的標(biāo)記中。而且要使用一個(gè)示明,我們的樣式都要寫到這個(gè)聲明中如下:
代碼如下:
【css基礎(chǔ)教程之CSS基礎(chǔ)語(yǔ)法欣賞】相關(guān)文章:
CSS基礎(chǔ)教程之背景圖片07-31
CSS-層疊樣式表基礎(chǔ)教程08-10
CSS之入門篇10-19
CSS最核心的概念03-10
css屬性定位教程07-23
CSS入門教程01-25
CSS閉合浮動(dòng)元素教程06-26
CSS選擇器教程06-05
CSS教程之盒模型10-17