1.手淘技術(shù)介紹vue+其他
http://mp.weixin.qq.com/s/9uR2uQt47Tt5pVsTiw07jw
2.--移動(dòng)端1px問題--http://www.reibang.com/p/7e63f5a32636
以下文章?https://juejin.im/post/5a954add6fb9a06348538c0d?utm_medium=fe&utm_source=weixinqun#comment? 的摘記
3.position的幾個(gè)屬性
(1)static:還遠(yuǎn)到原本位置玛界;會(huì)忽略top,right,bottom,left的值
(2)relative:相對(duì)于默認(rèn)位置偏移错妖,注意 relative 移動(dòng)后的元素在原來的位置仍占據(jù)空間
(3)absolute:若父元素的定位是absolute/relative,則相對(duì)于父元素偏移懂扼;否則是body;
不占空間
(4)始終相對(duì)于body暮顺,不占空間
4.浮動(dòng)元素(float屬性的值是left或right)可以設(shè)置其寬高
5.浮動(dòng)元素的展示在不同情況下會(huì)有不同的規(guī)則:
中:
參考 w3school,http://www.w3school.com.cn/css/css_positioning_floating.asp
第一點(diǎn):浮動(dòng)元素在浮動(dòng)的時(shí)候邓嘹,其margin不會(huì)超過包含塊的padding辖所。PS:如果想要元素超出恨课,可以設(shè)置margin屬性舆乔?如果沒有理解錯(cuò),感覺是不對(duì)的-------正確的理解剂公、表達(dá):浮動(dòng)元素不會(huì)超過包含塊(父元素)的邊框(即padding)希俩;
第二點(diǎn):應(yīng)該是對(duì)的,不確定
第四點(diǎn):如果有多個(gè)浮動(dòng)元素纲辽,后面的元素高度不會(huì)超過前面的元素颜武,并且不會(huì)超過包含塊---不對(duì)吧
第五點(diǎn):如果有非浮動(dòng)元素和浮動(dòng)元素同時(shí)存在,并且非浮動(dòng)元素在前拖吼,則浮動(dòng)元素不會(huì)高于非浮動(dòng)元素--也不對(duì)吧
浮動(dòng)重疊問題:
塊級(jí)元素與浮動(dòng)元素發(fā)生重疊時(shí)鳞上,邊框和背景會(huì)顯示在浮動(dòng)元素之下(被浮動(dòng)元素覆蓋),但內(nèi)容會(huì)顯示在浮動(dòng)元素之上(內(nèi)容不會(huì)被覆蓋绿贞,會(huì)被擠到下一行)
clear屬性:left/right/both;元素盒子的邊(左邊因块、右邊、兩邊)不能和前面的浮動(dòng)元素相鄰(which sides of an element's box(es) may not be adjacent to an earlier floating box)----張?chǎng)涡駂ttp://www.zhangxinxu.com/wordpress/2014/06/understand-css-clear-left-right-and-use/
清除浮動(dòng)籍铁,以避免父元素高度坍塌(為0)的方法介紹的比較好
空元素:空元素在開始標(biāo)簽中進(jìn)行關(guān)閉(以開始標(biāo)簽的結(jié)束而結(jié)束)涡上,例如:br、meta拒名、hr吩愧、link、input增显、img
hr標(biāo)簽在 HTML 頁面中創(chuàng)建一條水平線