18.1 改变盒模型组成方式
早期版本有个怪异模式，在此模式下，元素的包含，为兼容
box-sizing 事先定义盒模型解析方式，content-box，border-box，
-webkit-box-sizing
-moz-box-sizing

18.2 调节元素尺寸
允许用户通过拖动改变元素尺寸，使用overflow，
resize:none|both|horizontal"|vertical|inherit; 不允许，允许，只能垂直，只能水平，
以前要用js实现
resize:both;
max-width:800px; 最大就不能拖了
max-height:800px; 最大
min-width:80px;

18.3.1 定义轮廓线
outline:outline-color,outline-style outlne-width outline-offset inherit 轮廓颜色，边框，宽度
具有提醒功能，如点一个框周围出现轮廓线
input:focus 输入框获取焦点时

18.3.5 定义轮廓线位移
定义轮廓线也可使用它的派生属性
outline-offset 轮廓线的偏移位置
input:active,button:active{outline-offset:12px;} 向外12像素

18.4.1 定义导航顺序
nav-index替代tabindex，设置表单的的tab键的顺序，
浏览器按nav-index值从小到大顺序
传统是用tabindex="1"是在html代码中设的
nav-index是在css代码中设的
input.nav1{nav-index:1;}，多数浏览器不支持，

18.4.2 定义方向键控制顺序
nav-up nva-right nav-down nav-left 上右下左
nva-index:3;
nva-right:#b4; 类似于锚点的意思

18.5 添加显示内容
内容生成和替换模块，为指定元素添加内容，给js脚本有类似
插入文本，元素值，等
p:after{content:"支持"} 在P元素后面添加支持
content:url(image/aaa.png) 添加一个图像

18.6.1 取消元素样式
c3中可取消元素样式，取消元素已定义的样式，一是直接删除，有可能对很多页面产生作用
二是标签中删除对应的类，不建议经常用，
三是用initial恢复元素的默认值
P#text02{} 为p的第二个段落设置值

18.6.2 慎用initial的情况
有时使用它不等于，删除定义的结果
font-size:initial 字体恢复默认
就是有时不能恢复默认值