一：浮動清除
(一)浮動說明
— 給元素的float屬性賦值後，標籤會脫標，停留在浮動層
— 浮動元素在文檔流空出的位置，由後續的(非浮動)元素填充上去
— 如果填充的元素爲塊級元素且發生了重疊，浮動元素覆蓋塊級元素
— 如果之前是內聯標籤，浮動後，是可以設置寬高度（因爲脫標了）
(二).爲什麼清除浮動？
案例一：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title</title>
<style type="text/css">
.frame{
border: 1px solid red;
}
.child1{
width: 200px;
height:200px;
float: left;
background-color: #0000FF;
}
.child2{
width: 200px;
height:200px;
float: left;
background-color: yellow;
}
</style>
</head>
<body>
<div class="frame">
<div class="child1"></div>
<div class="child2"></div>
</div>
<div class="frame">
<div class="child1"></div>
<div class="child2"></div>
</div>
</body>
</html>
浮動帶來的問題：
不同區域的浮動元素同行貼邊
浮動子元素不能撐開父容器的高度
浮動子元素的父容器背景無法正常顯示
(三).解決浮動的三種方式
1.通過對父級容器設置適合CSS高度
特點：可以直接指定高度，但是不靈活，後期維護成本高
應用場景：內容基本固定的情況，是可以用固定高度的
2.通過設置clear屬性清除浮動
專門用於清除浮動的
特點：可以清除和其他元素浮動帶來的問題，還是高度不能自適應
Margin不靈活，有一段margin空白區域
應用場景：不需要體現父級元素高度的場景下
3.通過overflow屬性清除浮動(overflow:hidden屬性相當於是讓父級緊貼內容，這樣即可緊貼其對象內內容（包括使用float的div盒子），從而實現了清除浮動)
用於清除浮動效果的小知識點
特點：可以清除浮動，讓父級元素自適應高度，不影響margin效果
clear和overflow區別在於 overflow能夠撐開父級元素。
二：字體屬性設置
字體大小：font-size （以像素爲單位設置字體大小、以百分比設置字體大小、變量值（small、larger））
行高：line-height
*以像素爲單位設置每行的高度值、百分比設置行高
*拓展：如何通過行高設置字體行居中（行、列）
字體：font-family（當font-family後面接了多種字體的時候，用戶字庫中沒有第一種字體時就使用第二種，以此類推，
如果CSS中設置的字體都沒有則使用瀏覽器中的默認值）
font：字體/行高 字體
三,超鏈接僞類
（一）超鏈接標籤基本格式
href地址：網頁地址（一定要帶上http協議）、本頁面錨點位置
target取值：_self、_blank
（二）僞類選擇器定義
格式：標籤名：僞類名{}
超鏈接僞類選擇：:link、visited、hover、active（定義時候順序不能變lvha）
（三）超鏈接僞類說明
-link：表示鏈接還沒點擊訪問過
-visited：表示鏈接已經訪問過了
-hover：表示鼠標放置在鏈接上
-active：表示鼠標對當前鏈接激活的時候（鼠標按下，並沒有釋放）
四,超鏈接僞類
1.背景圖片設置
background-image屬性，取值方式：url(地址)
2.設置背景圖片重複方式
background-repead屬性，取值方式：no-repeat、repeat-x、repeat-y
3.設置背景圖片位置
background-position屬性
取值方式1：x座標 y座標
取值方式2：left、right、top、bottom、center
一行寫法：background：屬性1 屬性2 屬性3