學習目標
1、 display屬性的使用
2、 居中、縮排等顯示彙總
3、 盒模型、盒模型的幾種特殊現象分析
4、 float浮動的使用
5、 案例
一、 display屬性
屬性值：inline(行內) inline-block（行內塊級） block（塊級）
可以將不同型別的元素進行轉換：
eg：將塊級元素轉換為行內元素 display:inline;
二、 居中、縮排等顯示彙總
text-align：元素中的文字內容，相對於當前元素水平居中：text-align:center
line-height:元素中的內容，相對於當前元素垂直居中： line-height:元素的高度
vertical-align:（行內塊級元素）與右邊併排的文字對齊方式top/ middle/bottom
text-decoration:對文字中線條裝飾的設定，
none 沒有線條
overline 上面的線條
underline 下面的線條（鏈結預設的樣式）
line-through 從文字中穿過
margin:0 auto; 水平方向使用margin:0 auto;
----------當前元素相對于父元素水平居中
三、background背景
background-color:背景樣色
background-image:背景
eg: background-image:url(「image/aaa.png」)
background-image:url(『image/aaa.png』)
background-repeat:背景的重複方式
repeat:垂直和水平方向都重複—預設
no-repeat: 垂直和水平方向都不重複
repeat-x: 水平方向重複
repea-y: 垂直方向重複
background-position:水平位置 垂直位置 -------（背景的位置）
水平：left/center/right
垂直：top/center/bottom
eg: background-position: left top;------在左上角（預設）
四、盒模型
1、padding:內邊距----快速寫法
padding:50px 100px 150px 200px;/上 右 下 左/
padding:50px 100px 150px;/上 左右 下/
padding:50px 100px;/*上下 左右 */
padding:50px;/上下左右/
每乙個外邊距分開設定：
padding-left: 20px;
padding-right: 40px;
padding-top: 60px;
padding-bottom: 80px;
2、邊框border----快速寫法
3、外邊距margin----快速寫法
/* margin:100px;*//上下左右/
margin:100px 200px;/上下 左右/
margin:100px 200px 300px;/上 左右 下/
margin:100px 200px 300px 400px;/上 右 下 左/
margin-top
margin-left
margin-right
margin-bottom
4、外邊距的合併問題
當上面的元素有向下的外邊距，下邊的元素有向上的外邊距，如何計算兩個元素之間外邊的總和：
margin-bottom>margin-top?margin-bottom:margin-top
100>120?100:120
上述合併問題只針對上下垂直的情況，左右水平方向不成立
6、 margin-top的傳遞問題
當子元素設定了margin-top時，會將父元素往下託拽
同時滿足三個條件，才會有margin-top的傳遞問題發生
1、 子元素上面沒有同級的元素（文字內容）-----沒有哥哥
2、 父元素沒有設定上內邊距 padding-top
3、 父元素沒有設定上邊框 border-top
如何解決margin-top的傳遞問題
上面的三個條件只要打破了乙個，就不會出現傳遞現象
7、margin:auto 水平居中 與 text-align:center水平居中的區別
C 學習第八天
介面 inte ce c 中介面定義的規則 1 介面本身的預設訪問級別為internal，即程式集本身訪問級別 2 介面中方法不能使用任何訪問修飾符 例如 public private internal protected 等修飾。系統自動為其設定為public 3 不能使用virtual修飾 4 ...
JS學習第八天
7.4 for in 使 更加的簡潔 7.5 陣列的應用 1.查詢 a.順序查詢 var a 3,7,11,43,87,5,99,56,82,16 var num number prompt 請輸入要查詢的值 var index 1 最初認為要找的值不在陣列中 for var i in a aler...
Linux C學習第八天
一 運算子與表示式 1.優先順序與結合性 優先順序 運算子的運算順序，優先順序低的先運算 結合性 優先順序相等的情況下，運算子按運算順序計算 2.基本算術運算子 取餘運算，結果的符號取決於運算子左邊那個數。3.型別轉換 強制轉換 在變數前使用括號進行轉換 int a int 1.2 隱式轉換 系統自...