1。表单表格的用法，CSS统筹

1，游览器前缀：

-webkit-

-ms- 

-o-

-moz-

blink不需要前缀，可以自适应。

2。表格用法

行分组： t'head   tbody   tfoot

属性：

边框合并border-collapse

table-layout:fixed固定宽高

隔行变色：nth-child(2n)

nth-to-type

3.表单

kable  for样式修改，搜索框，文件上传选项卡，折叠菜单

4.css统筹

meta标签的使用。

网站公共羊谥搭建 commom.css

网站优化

    对搜索引擎友好

语义化标签

清晰的代码结构

h1-h3 img(alt)

对服务器友好

图片压缩

减少服务器请求次数  图片整合

小图标使用背景图

对用户有好

5.bfc清除浮动带来的后果

概念：页面渲染的规则

规则：子元素不影响外部元素  margin-top

浮动参与高度计算，清除浮动的方法

bfc不与浮动发生重叠 自适应两栏布局  overflow：hidden

6.弹性盒

标准盒模型

         实际宽度=width  +左右margin+左右border+左右pandng

怪异盒模型

        实际宽度=width+左右margin(内边距和外边框不会把盒子撑大)

弹性盒(css3新的布局模式)

主轴和侧轴

        使用的步骤：display:flex

flex-direction:row/column

justify-content:flex-start/flex-end/center/space-between/space-ar。。

align-items:flex-start/flex-end/center

flex-wrap:wrap/nowrap

7.响应式

概念：同一个网站可以同时适配多个设备

实现的核心：媒体查询

实现的步骤：

    头部定义meta   禁止网页缩放