css浮动之表格

一、浮动

简介:就是使用float样式,使元素脱离文档流

            可选值: none  默认值,不设置浮动

                            left  向左浮动

                            right  向右浮动

特点一:1、一旦元素浮动,就会脱离文档流,原来在文档流的位置就会被下面的元素挤上来。

           2、如果浮动元素上面的元素不浮动,则元素浮动无法上移。

           3、浮动元素不会超过它前面的浮动的元素。

           4、浮动元素不会超过他父元素

特点二:当浮动元素遇到文字,浮动元素不会覆盖文字,文字会环绕在浮动元素周围。

注意:当元素设置浮动以后,会完全脱离文档流,元素脱离文档流后, 元素原来在文档流得特点,就都没有了,也就是说不再区分块,行内,行内块。

二、表格

     1、用table创建表格

     2、tr表示行,一个tr表示一行

     3、用td表示单元格,(一个td表示一格)

     4、th特指表头单元格内容

     5、rowspan 用来设置行合并

     6、colspan 用来设置列合并

 

 

 

 

 

你可能感兴趣的:(前端,javascript,html)