一.區塊知識點css
兩種隱藏方式：
display:none;隱藏（不佔位置）
visibility：hiddden；隱藏（佔位置）
三種標籤模式：display
塊標籤(block)： 默認佔一行 默認寬高爲0 能夠設置寬度和高度
行內塊標籤(inline-block)： 不佔一行 能夠設置寬度和高度
行內標籤(inline)： 不佔一行 不能夠設置寬度和高度 寬高根據內容來<span></span>
層：z-index 數字越大越在上層（前面）
position:定位 連用：z-index、top、left、right、bottom
fixed 絕對定位： 至關於頁面(窗口)定位，自身位置消失 默認位置左上角 z-index
relative： 相對定位 至關於自身定位 自身位置不消失
absolute 絕對定位： 至關於最近的有position樣式的父標籤訂位，最外層body，自身位置消失，默認位置不變（不設上下左右）html
例-代碼：post
View Code
效果圖：url
2、盒子模型
padding：內邊距
boder：邊框
magin：外邊距spa
border-top 上
boder-right 右
border-buttom 下
boder-left 左
border:寬度 樣式 顏色
box-sizing：border-box 格式尺寸code
padding：（上下左右）
padding：（上下）（左右）htm
浮動：float：left right
注意：外層加標籤（想要誰浮動外層加標籤）而且給定區域（設定寬度和高度）blog
外陰影度：box-shadow:水平 垂直 模糊度 延展度 顏色
內陰影度：box-shadow:水平 垂直 模糊度 延展度 顏色+inset
方框圓角：border-radius：方框圓角 值越大框越圓 10px
居中：magin：0 auto；get
例-代碼：it
View Code
效果圖：