1.CSS介紹：層疊樣式表(Cascading Style Sheets)

我們為什麽需要CSS?

使用css的目的就是讓網頁具有美觀一致的頁面，另外一個最重要的原因是內容與格式分離 在沒有CSS之前，我們想要修改HTML元素的樣式需要為每個HTML元素單獨定義樣式屬性，當HTML內容非常多時，就會定義很多重復的樣式屬性，並且修改的時候需要逐個修改，費心費力。是時候做出改變了，所以CSS就出現了。

CSS的出現解決了下面兩個問題：

1. 將HTML頁面的內容與樣式分離。
2. 提高web開發的工作效率。

什麽是CSS?

CSS是指層疊樣式表(Cascading Style Sheets)，樣式定義如何顯示HTML元素，樣式通常又會存在於樣式表中。也就是說把HTML元素的樣式都統一收集起來寫在一個地方或一個CSS文件裏。

css的優勢

1.內容與表現分離 2.網頁的表現統一，容易修改 3.豐富的樣式，使頁面布局更加靈活 4.減少網頁的代碼量，增加網頁瀏覽器速度，節省網絡帶寬 5.運用獨立頁面的css,有利於網頁被搜索引擎收錄

如何使用CSS？

我們通常會把樣式規則的內容都保存在CSS文件中，此時該CSS文件被稱為外部樣式表，然後在HTML文件中通過link標簽引用該CSS文件即可。這樣瀏覽器在解析到該link標簽的時候就會加載該CSS文件，並按照該文件中的樣式規則渲染HTML文件。

2.CSS語法

CSS基礎語法

CSS語法可以分為兩部分：

1. 選擇器
2. 聲明

聲明由屬性和值組成，多個聲明之間用分號分隔。

CSS註釋

註釋是代碼之母。

/*這是註釋*/

3.三種方式：引用CSS樣式

• 內聯樣式
• 行內樣式表
• 外部樣式表
  • 鏈接式
  • 導入式

鏈接式與導入式的區別

1、<link/>標簽屬於XHTML,@import是屬性css2.1
2、使用<link/>鏈接的css文件先加載到網頁當中，再進行編譯顯示
3、使用@import導入的css文件，客戶端顯示HTML結構，再把CSS文件加載到網頁當中
4、@import是屬於CSS2.1特有的，對於不兼容CSS2.1的瀏覽器來說就是無效的

7-[CSS]-css介紹，引入方式