css簡介

什么是CSS

CSS（Cascading Style Sheets）層疊樣式表，又叫級聯樣式表，簡稱樣式表

1.用于HTML文檔中元素樣式的定義 實現了將內容與表現分離

* 降低耦合度。解耦

* 讓分工協作更容易

* 提高開發效率 提高代碼的可重用性和可維護性

2.文件后綴是.css

CSS與HTML之間的關系

1.HTML用于構建網頁的結構

2.CSS用于構建HTML元素的樣式

3.HTML是頁面的內容組成，CSS是頁面的表現

結構層 ? HTML

表示層 ? CSS

行為層 ? javaScript

使用CSS樣式表的方式

1.內聯方式 直接把CSS代碼用style屬性添加到開始標簽中

紅色字體

2.內部樣式表 直接把CSS代碼添加到頭部的style標簽中

3.外部樣式表

StyleSheet的意思就是樣式調用

4.導入式

優先級：行內樣式>內部樣式>外部樣式>導入樣式

css加載方式link和@import的區別，為什么不推薦使用@import?

1. @import是CSS提供加載樣式的一種方式，只能用于加載CSS。link標簽除了可以加載CSS外，還可以做很多其它的事情，比如定義rel連接屬性等。

2. 加載順序的差別。當一個頁面被加載的時候，link引用的CSS會同時被加載，@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網速慢的時候會比較明顯。

3. 兼容性的差別。@import在IE5以上才能識別，而link標簽無此問題。

4. 使用dom控制樣式時的差別。當使用javaScript控制dom去改變樣式的時候，只能使用link標簽，因為dom操作元素的樣式時，用@import方式的樣式也許還未加載完成。

5.使用@import方式會增加HTTP請求，會影響加載速度，所以謹慎使用該方法。

css語法

1.css是以屬性/值對形式出現

2.屬性和屬性值之間用冒號（:）連接

3.多對屬性之間用分號（;）隔開

如：color：red； 選擇器 { 屬性名1:屬性值1; 屬性名2:屬性值2; ... }

CSS HTML

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。