千鋒前端浠浠呀老師HTML+CSS教程,零基礎(chǔ)web前端開發(fā)入門必看視頻

*?定位:漂浮于網(wǎng)頁上方的內(nèi)容
*?background-attachment:fixed;背景固定
畫完色塊,多空格再寫其他內(nèi)容
*?position:fixed;輔助屬性:left,right,botton,top(不能脫離定位使用)
*?定位和浮動會改變元素特征,行內(nèi)元素也可以支持寬高;塊級元素不再繼承寬度
*?z-index:99??z軸上,必須是整數(shù)
*?使盒子定位居中1:
position:fixed;
left:50%;
top:50%;
margin-top:-150px;
margin-left:-150px;
(只使用一邊的屬性)
*?使盒子定位居中2:
position:fixed;
left:0;
right:0;
top:0;
button:0;
margin:auto;
可拆開使用,上下居中
top:0;
button:0;
但靠右??right:40px
*?絕對定位:一個盒子漂浮于另一個盒子上面
*?position:relative(一定要是對象的父級元素)
*?position:absolute
小盒子裝大盒子,讓大盒子絕對定位跑出去(不能用overflow:hidden)
1.?畫色塊
2.?使用定位
3.?動畫
注意top:0、botton:0時子盒子的位置
*?固定定位:position:fixed;參照于瀏覽器界面
*?參照物不一定是父元素,可以是祖先元素
*?參照物不一定是relative,也可以是fixed
bug:
*?margin-top有傳遞的bug,會傳給父元素。
*?overflow不能用在body上,body需要滾動
*?文本為英文時,認(rèn)定為單詞不會自動換行
標(biāo)簽: