3.布局

1.　　table --> div+css

来自：BAT 及各大互联网公司 2014 前端笔试面试题集

参考：

•改版的时候更方便 只要改 css 文件。

•页面加载速度更快、结构化清晰、页面显示简洁。

•表现与结构相分离。

•易于优化（seo）搜索引擎更友好，排名更容易靠前。

2.　　圣杯布局和双飞翼布局的作用和区别

3.　　静态、自适应、流式、响应式

4.　　移动端的适口viewport

5.　　css垂直居中

6#.      display: none/block;　　　　　　　　　　　　　　　　　　　　不在占位，影响布局

　　　visibility: hidden/visible;　　　　　　　　　　　　　　　　　　占位（微信小程序canvas无效）

　　　opacity: 0.0~1.0/filter:alpha(opacity = 0/100);　　　　　　　  占位（微信小程序canvas无效）

　　　position: relative; left: -9999rpx;　　　　　　　　　　　　　　占位

　　　height: 0;

7.

<div class="frame"> border: 4px solid #0f0;

　　<div class="frame_cross"></div>   border-left: 1px solid #fff; border-right: 1px solid #fff;

　　<div class="frame_length"></div>  border-top: 1px solid #fff; border-top: 1px solid #fff;

<div>

②倒三角

0; height: 0;

border-top: 4px solid #fff;

border-left-color: transparent;

③

_______________ . __________________

<div class="hengxian">

　　<div class="point">.</div>

</div>

④

overflow: hidden;(父级)

position: absolute;

100%；

height: 100%;

 

8.::before