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