青青草免费线看线看|啊在车上停不下来了|国产少女免费观看电视剧|仑乱88MAV|精品老司机在线观看视频|国产一区二区三区高清免费视频|在线观看免费777av

css特效樣式知識解析 什么是css樣式及作用


上幾節(jié)我們把HTML相關(guān)的必要知識點給大家已經(jīng)講完,剩下的細節(jié)大家可以查閱資料再進行深入研究 。從這一節(jié)開始,我們正式進入CSS的學(xué)習(xí),在學(xué)習(xí)之前我們先介紹幾個概念 。
第一,什么是CSS?
第二,為什么需要CSS?
第三,怎么使用CSS?
首先,什么是CSS?CSS 是一種描述 HTML 文檔樣式的語言,CSS 描述應(yīng)該如何顯示 HTML 元素 。CSS 官方名稱為層疊樣式表 (Cascading Style Sheets) 。下面我們來看一個CSS的使用效果,下邊的代碼標(biāo)簽內(nèi)部就是CSS:
那么,為什么需要CSS,我們要知道HTML的功能更多的是用來展現(xiàn)數(shù)據(jù),而HTML也有屬性可以控制元素的樣式,但是如果只使用HTML自帶的屬性樣式,那幾乎每一個標(biāo)簽都需要添加屬性,修改起來會特別費勁,而且不能夠重復(fù)的使用 。還有就是HTML自帶的屬性樣式?jīng)]有CSS多樣化和專業(yè),我們使用CSS來約束HTML樣式可以自由控制,在正式編程中我們一般會把CSS文件和HTML單獨放置,做到網(wǎng)頁內(nèi)容和樣式分離,簡潔明了,比較容易管理,例如下邊的例子,我們可以調(diào)用不同的CSS單獨應(yīng)用到HTML,使得樣式單獨管理 。
了解了前兩點內(nèi)容后,我們應(yīng)該怎么使用CSS呢一般情況下我們有三種使用CSS的方式:
有三種插入樣式表的方法:行內(nèi) CSS內(nèi)部、CSS和外部 CSS 。
行內(nèi) CSS:
行內(nèi)樣式(也稱內(nèi)聯(lián)樣式)可用于為單個元素應(yīng)用唯一的樣式 。如需使用行內(nèi)樣式,可以將 style 屬性添加到相關(guān)元素,style 屬性可包含任何 CSS 屬性,下邊的例子我們可以看到CSS被寫在HTML標(biāo)簽內(nèi)部,使用style 屬性應(yīng)用CSS:
內(nèi)部 CSS:
如果一張 HTML 頁面擁有唯一的樣式,那么可以使用內(nèi)部樣式表,內(nèi)部樣式是在 head 部分的元素中進行定義,我們可以看到下邊的例子將 元素放在HTML標(biāo)簽內(nèi)部實現(xiàn)樣式應(yīng)用:
外部 CSS:
外部CSS也是我們正式開發(fā)中最常用的方式,也是我們應(yīng)該優(yōu)先考慮的方式 。通過使用外部樣式表,只需修改一個文件即可改變整個網(wǎng)站的外觀,下邊的例子將CSS單獨保存為.css后綴的樣式文件,通過HTML

    猜你喜歡