本節簡介:CSS內聯樣式表、內嵌樣式表、外部樣式表以及樣式表的優先等級
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
添加CSS的方法:鏈接外部樣式表;內聯樣式表;內嵌樣式表;導入外部樣式表;樣式表優先級。
外部好處 可獨立邊修改 可通用 只需要下載一次就可在其他頁面瀏覽 是訪問者很快看到內容
LINK 在頭部 內聯樣式表 bbody (不推薦使用) 內嵌樣式表在頭部 導入外部 內部>內嵌>外部
<link rel=stylesheet type=text/css href=style.css>
樣式表的優先等級:如果沒有沖突,可以疊加;有沖突,則內聯樣式>內嵌樣式>外部樣式
樣式表的優先等級:如果沒有沖突,可以疊加;有沖突,則內聯樣式>內嵌樣式>外部樣式
(2)內聯樣式表:是混合在HTML標記里使用的,用這種方法,可以很簡單對冒個元素單獨定義樣式,它主要是在body內實現的。 (3)內嵌樣式表:它一般位于HTML文件的頭部,即<head>與</head>標簽內,并以<style>開始,以</style>結束,這些定義的樣式可以應用到頁面中。 (4)導入外部樣式表:是指在內部樣式表的<style>里導入一個外部樣式表,導入時用@import,<style type=text css @import slstyle.css>
鏈接外部樣式表的優點:a、獨立于HTML文件 b、多個文件可以使用同一個CSS樣式表 c、CSS樣式只需要下載一次,就可以在其他鏈接頁面了解該文件的使用內容 d、先顯示HTML文件的內容,后用CSS渲染
添加CSS有四種方法:鏈接外部樣式表、內聯樣式表、內嵌樣式表和導入外部樣式表 (1)鏈接外部樣式表:實在網頁中調用已經定義好的樣式來實現樣式表的應用,外部樣式表是一個單獨的文件,擴展名為CSS,可以同時和多個網頁文件進行鏈接或導入, 適合大型網站樣式定義。<link rel=stylesheet tpye=text/css href=slstyle.CSS>
導入外部樣式表:在內部樣式表的style里導入一個外部樣式表,用@import
內嵌樣式表:位于html文件的頭部head內,并且以style開始和結束
鏈接外部樣式表:<link rel=seylesheet type=text/css href=slstyle.css>
鏈接外部樣式表,內聯樣式表,內嵌樣式表,導入外部樣式表