css是什麼
css作用：美化網頁，提供更好的管理方法。
css代碼寫在：
1.通過style屬性，屬性的值可以寫css代碼。
2.通過獨立的style標籤。這個獨立的style標籤一般是放在head中。
div{color:blue;}表示所有div這個標籤裏的文字都變成藍色。但是發表留言那一部分是另一個體系的內容所以對他無效。
3.通過link標籤外鏈
選擇器
css最關鍵兩個點：選擇器和樣式。
div本身就叫標籤選擇器。
1 id：公共屬性，id選擇器，使用 #
2 class：公共屬性，類選擇器，使用 .（點）
3 標籤選擇器div
4 父子選擇器
樣式
選擇器 花括號 樣式
花括號裏面寫樣式，樣式可以寫多個，樣式與樣式之間分號隔開也可以換行。
樣式名：樣式值
如color: red;
padding：內邊距
margin：外邊距
font-size：文字大小
border：邊框
border：solid 1px red；表示邊框是紅色實線且邊框爲1個像素。
佈局
佈局的單位分爲顏色和尺寸。
顏色一般用三種表示：16進制，RGB，英文單詞。16進制是最常用的方式，#+6位數字字母（大小寫不定）。
尺寸：px：像素
em：當前字體尺寸
mm：毫米
%：百分比
佈局：控制網頁中若干個方塊的位置，左中右等；控制每一個方塊的寬高，大小。
網頁上的標準流，從左到右顯示內聯元素，從上到下顯示塊級元素。
浮動就是打破標準流。
清除浮動：
1 通過一個空的div標籤來清除浮動。
2 在需要清除浮動的塊元素外包裹一個塊元素div使用.xx{overflow：hidden；}
可以清除浮動。
代碼
留言內容
留言內容
留言內容
css代碼：
div{
font-size: 26px;
}
#a1 .aa1{
color: red;
font-size: 22px;
border: solid 1px red;
background: pink;
height: 200px;width: 200px;
padding: 20px;
margin: 100px;
}
.a1 .aa1{
color: red;
border:solid 1px yellow;
width: 200px;
padding: 20px;
margin: 100px;
}
.a1 .aa2{
color: blue;
border:solid 1px purple;
width: 200px;
padding: 20px;
margin: 100px;
}
.a1 .aa1{float: left;}
.a1 .aa2{float: right;}
小結
span是內聯標籤。
wrap是類選擇器。
居中使用外邊距margin，順時針，上邊距0，auto是居中。
代碼
