html筆記20171231

1.css overflow：定義內容溢出顯示器時的處理方式

2.display

display用於控制元素生成該框的類型。

默認：inline，內聯元素。

常見：none（不被顯示）。block（塊級元素）。table（塊級表格）。*flex（彈性佈局，給予最大的靈活性）。

 

3.display：flex

詳見  https://www.cnblogs.com/xuyuntao/articles/6391728.html

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

若是有老機型適配再參考 display：廠商+box吧。

詳見  https://www.zhihu.com/question/22991944

定義：flexible box ，給予最大靈活性。子元素的float、clear和vertical-align屬性將失效。目前已支持全部瀏覽器。

 

display：flex

flex：1

單一一個flex能夠實現自動寬度充滿。

 

4.min-height

避免盒子對象尚未內容不能撐開，但暫時又沒法肯定。

min-height: calc(100vh - 42px)

5.calc函數，用於自動計算。其中，運算符號左右要有空格。

 

6.box-sizing:

聲明盒子模型。boder+padding是否加入width

 

7.svg之viewbox

viewBox="x, y, width, height"  // x:左上角橫座標，y:左上角縱座標，width:寬度，height:高度

 

8.<g>用於svg繪圖組合標籤