Css佈局經常使用 1.盒子內容局中 2. 物理一像素 3.倒三角形 繪製

佈局

對象屬性

  new Person('')      

原型鏈

(建立對象.使用對象中的屬性，若是沒有那麼就去原型找)

new Person()      Person{   name:'', getname(){   }}     定義一個構造函數 __Prototype__  {setName（）}           p = new Person().setName()

移動端設備適配

移動端佈局  設置盒子單位 爲 1rem,屏幕 == 100% == 1rem

window.onload = function（）{

　　var ping = document.getElement.clientWidth;

　　var html = document.querySelector（’html‘）;

　　html.style.font-size = ping + 'px';

}

 

css樣式設置 1rem  就是 適應設備的100%

 

垂直居中的4種方式

　　1.父親盒子有寬度 margin 0 auto 

　　2.定位  50%  + margin-left='-盒子的通常寬度'

　　3.flex  display:flex;       display: flex;       justify-content:center;       align-items:center;

　　4.定位 50%   Css3:transfrom:translate(-50%,-50%)

實現倒三角形

　　div   高度0px   上邊框50px   剩下三個邊框同樣的寬度 設置爲 邊框背景色透明    transparent