一，CSS的引入方法：
?? ?1.行內(nèi)樣式
?? ?2.內(nèi)部樣式
在<head>中新增一段
?? ?3.外部樣式
單獨一個css文件來編寫css代碼霹粥，然后再以link的形式引入
? ? 4.CSS中再引入一個CSS
????????@import url(./b.css);
二衅码，讓導航欄橫著顯示之浮動?
? ? 1.給所有子元素如<li>添加:
????????float: left;
? ? 2.給他們的父元素如<ul>添加一個list-style:none帐偎，可去掉每個子元素前面的小點慈鸠；
?? ?3.由于浮動，所以下一個元素也會浮動上來膏燃，所以要清除浮動茂卦，先在父元素上加個class選擇器 class="clearfix"，然后再加上：
.clearfix::after{
content: '';
display: block;
clear: both;
}? ?
三组哩，脫離文檔流
塊級元素的高度是由內(nèi)部文檔流的高度決定的等龙，我們需要讓導航條浮于背景圖片之上，那么導航條脫離文檔流后伶贰，它的父元素的高度就會減去導航條的高度蛛砰，不管他了。
1.脫離文檔流之相對屏幕固定黍衙，使用：
position: fixed;
如導航條泥畅。? 但使用了這條代碼過后，寬度不受控制了琅翻，本來在右邊的導航條擠到左邊來：
此時不得不用第二個bug代碼：（能不用絕對不要用的代碼）
width: 100%;
此時會發(fā)現(xiàn)導航的字快要超出整個寬度了涯捻，因為導航欄有左右padding，去掉padding左右邊空隙不大不美觀望迎，無法還原成初始樣式障癌，此時需要在導航欄的div中再套一個div，將所有元素放進去辩尊。然后再給這個新div加上左右padding
2.脫離文檔流之絕對定位涛浙，即該元素脫離了文檔流但是又相對父元素定位。
步驟：先在子元素上寫：
position: absolute;
再在父元素上寫：
position: relative;
即子元素相對于這個父元素定位摄欲。
四轿亮，引入圖標
網(wǎng)址：https://www.iconfont.cn/
1.復制代碼，引入到html文件中胸墙，例如：（每次不一樣）
<script src="http://at.alicdn.com/t/font_1264256_ywqj2p1wgyj.js"></script>
2.加入通用CSS代碼：
<style type="text/css">
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
3.將以下代碼粘貼到你想要的位置：（XXX）即名字
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-XXX"></use>
</svg>
4.可以用width和height改圖標的寬高我注，改顏色要用：比較特別
fill:white;
五，學習資源
1.Google: 關鍵詞 MDN
2.CSS Tricks? ? ? ? ---進頁面后點擊SNIPPETS? ? 還可以直接搜索想要的迟隅，如想看居中效果怎么寫但骨，搜索 center css tricks
6.CSS揭秘
8.Magic of CSS免費在線書
