元素的显示控制，并产生动态效果

1 display

元素的显示方式属性：display,可以通过相应的属性控制元素的显示方式，如将原本内联方式显示的元素以块元素的方式显示；

2 visibility:元素的可视性控制；

3 clip:有来裁剪元素的可视化范围；

只使用在绝对定位的属性中；

4 overflow：对溢出内容的显示控制

visible:溢出内容按照原有的方式显示；

auto：当内容走出元素定义的大小时，显示滚动条；

scrool：总是显示滚动条；

hidden:隐藏溢出内容；

5 float and clear

在网页中使用浮动属性，可以更改块元素的默认显示方式，将原来换行显示的块元素同行显示；

通过使用浮动属性和盒模型中的各种属性，可以对各种页面元素进行布局；

当相邻的元素是固定还是浮动时，元素显示的效果会不一样；

在网页中使用浮动元素的时候，会影响后面相邻的固定元素，所以需要对某些元素的浮动属性进行清除；出现在它前面的代码不会受影响；只有它后面的标签内容会产生环绕，当你不需后面的某些标签继续产生环绕效果时，可以使用clear属性，clear属性可以说是float属性的逆操作；

wirting-mode设置文字内容的书写显示方式

lr-tb,默认值

tb-rl;

(也可用text-layout:vertical;这个CSS属性；

<div style="writing-mode:tb-rl;">

<P>静夜思</P>

<P>李白</P>

<P>床前明月光</P>

<p>疑是地上霜</p>

<p>举头望明月</p>

<p>低头思故乡</p>

</div>

决定溢出的位置：元素不总是包含在他们的框中，可能框不够大，也可能使用负边距或绝对定位将内容定义到框外，都可以使用overflow定义；

元素的垂直对齐：vertical-align,有很多选项；

用CSS样式产生动态效果

1 display和visibility属性控制元素在什么时候是可见的；

2 :hover等伪类使你能够管理这种控制；

3 可以实现的动态效果包括翻转按钮、弹出、动态菜单等（不用JS）；

4 display和visibility

1 display:

none:隐藏，且在文档流中完全删除；

block:显示为块；

inline:显示为行内元素；

list-item:显示为列表项；

2 visibility:

hidden:元素不可见，但不从文档流中删除，仍在文档流中占据空白位置；

visible:可见；