01-css的引入方式

　引入css方式（重點掌握）

1. 行內樣式

2. 內接樣式

3. 外接樣式

　　　　　3.1 連接式

　　　　　3.1 導入式

css介紹

如今的互聯網前端分三層：

• HTML：超文本標記語言。從語義的角度描述頁面結構。
• CSS：層疊樣式表。從審美的角度負責頁面樣式。
• JS：JavaScript 。從交互的角度描述頁面行爲

CSS：Cascading Style Sheet，層疊樣式表。CSS的做用就是給HTML頁面標籤添加各類樣式，定義網頁的顯示效果。簡單一句話：CSS將網頁內容和顯示樣式進行分離，提升了顯示功能。

css的最新版本是css3，咱們目前學習的是css2.1

接下來咱們要講一下爲何要使用CSS。

HTML的缺陷：

1. 不可以適應多種設備
2. 要求瀏覽器必須智能化足夠龐大
3. 數據和顯示沒有分開
4. 功能不夠強大

CSS 優勢：

1. 使數據和顯示分開
2. 下降網絡流量
3. 使整個網站視覺效果一致
4. 使開發效率提升了（耦合性下降，一我的負責寫html，一我的負責寫css）

好比說，有一個樣式須要在一百個頁面上顯示，若是是html來實現，那要寫一百遍，如今有了css，只要寫一遍。如今，html只提供數據和一些控件，徹底交給css提供各類各樣的樣式。

 

行內樣式

1 <div>
2     <p style="color: green">我是一個段落</p>
3 </div>

View Code

內接樣式

<style type="text/css">
    /*寫咱們的css代碼*/
        
    span{
    color: yellow;
    }

</style>

View Code

外接樣式-連接式

<link rel="stylesheet" href="./index.css">

View Code

外接樣式-導入式

<style type="text/css">
        @import url('./index.css');
</style> 

View Code