day12
1、 元素型別的轉換（display屬性）
display屬性
屬性值：
block
inline
none
大部分塊狀元素預設的display的值為block，其中li預設的值 list-item（列表元素）
大部分內聯元素預設的display值為inline，其中input預設的值為：inline-block;（行內塊元素）；
內聯元素裡面特殊的乙個：行內塊元素（內聯塊元素）
特點：1：可以設定寬高
2：在一行內逐個顯示
3：當前元素的display的值為inline-block能支援vertical-align 屬性。
2、 vertical-align屬性
vertical-align:;垂直對齊。
topbottom
middle
baseline
讓乙個元素在父元素裡面左右上下居中：
給父元素新增text-align:center;(左右居中)
給當前元素新增：
display:inline-bolck;
vertical-align:middle;
在當前元素後面（不要回車），新增乙個空的span標籤。
給span設定樣式：
display:inline-block;
width:0;
height:100%;
vertical-align:middle;
3、 css元素型別的分類總結
分類：塊狀元素、內聯元素、可變元素
元素型別的轉換：
display屬性：
屬性值：
block
inline
inline-book
none
list-item
行內塊元素：input display為inline-blcok標籤的巢狀規則：
盡量讓塊狀元素作為父元素存在；
內聯元素的子元素盡量也是內聯元素；
p標籤中不能出現h1-h6；
p標籤和h1-h6不能互相巢狀。
4、 預設的display屬性值為inline，為什麼能新增寬高？？？
從另乙個角度對所有的標籤進行分類。
分為：置換元素與非置換元素
置換元素：
典型的置換元素：img/input 依賴標籤的屬性或者元素自身的型別；『
因為img是置換元素，所以能新增大小。因為置換元素在頁面顯示的過程中，生成乙個框（框架），這個框能新增大小。
非置換元素：
不是置換元素的都是非置換元素。
5、 定位
定位：讓元素的位置發生改變。
定位屬性：
position屬性：設定或者檢索元素定位方式。
（如果元素有了position屬性，元素就知道自己要做位置移動了）
position的屬性值：（屬性值是告訴元素參照物是誰）
制定座標：left/right/top/bottom
position的屬性值：
1：position:static 【靜態定位】 （position的預設值）
2：position:absolute 【絕對定位】
a. 絕對定位的參照物：
已經有定位的父元素為參照物
如果父元素都沒有定位或者沒有父元素，以文件為參照物
b. 絕對定位的特點：
不佔據空間，脫離布局流。
CSS元素型別的轉換
元素的型別通常分為 塊級元素 內聯元素 內聯塊元素 塊級元素 塊級元素會佔據一行的位置,它後面的元素內容會換行顯示 塊級元素裡面可以放任何內容,主要用來布局。常見的塊級元素 div h1 h6 ul li ol li p table form 行內元素 內聯元素也叫行級元素它只佔據他內容所佔的位置,...
CSS元素型別及其轉換
根據css顯示分類，xhtml元素被分為 三種型別 塊狀元素，內聯元素，可變元素 三種型別 塊狀元素，內聯元素，內聯塊元素 css2.1增加 a 塊狀元素在網頁中就是以塊的形式顯示，所謂塊狀就是元素顯示為矩形區域，b 預設情況下，塊狀元素都會佔據一行，通俗地說，兩個相鄰塊狀元素不會出現並列顯示的現象...
css元素型別以及型別之間的轉換
塊狀元素 內聯元素 行內元素 可變元素 注 行內塊元素歸在內聯元素這一類裡面 塊狀元素特點 1 在頁面以矩形區域顯示。2 自上而下排列，獨佔一行。3 可直接加寬高 4 一般情況下，作為其他元素或內容的容器 內聯元素特點 1 在頁面中最小單位也是矩形 2 在一行內逐個排列 3 不可以直接新增寬高，大小...