1. 程式人生 > >2018年3月13號

2018年3月13號

splay border point 超出 span lin 16px gin style

float:浮動

clear:both 消除浮動

要浮動的標簽用div包起來 給div設寬高 設行高 設行高垂直居中:

技術分享圖片
#div{
   width:100%;
   height:30px;
   link-height:30px;// 行高 默認垂直居中 (這裏的高要跟設的高一個樣)
}
View Code

link-height:最好對一行使用 如果換行了 標簽的高度就變了

兼容:將最外層的標簽設寬高 裏面用百分比

盒子模型:

從內到外,內容,內邊距(填充物),邊框,外邊距(和別的物品的距離)

html padding border margin

box-sizing:border-box;:

指定寬高,自適應邊框,內邊距,內容(也可以*{}在這裏面加這樣所有的邊框都是這樣

overflow:hiden超出部分隱藏

dispaly(改變行內標簽):block (改變成塊標簽) inline(改變成行標簽) inline-block(改變成行內塊標簽)

定位:

position:定位

position-fixed:絕對定位(相對於窗口定位)自身位置沒有了

position-absolute:絕對定位(相對於body)他會相對於最近的有position屬性的父標簽定位最上層就是body

position-relative:相對定位 有自身位置,用來微調

(定位不要亂用)

corsor:pointer;鼠標變小手

改錯

2018年3月13號