网页CSS2

列表与方块

width , hight (top, bottom ,left , right)   只有在决对坐标下才起作用

 

下面的使用与 ol  ul

list-style:none           // 取消序号



list-style:circle           //序号改成圆圈



list-style-image:url(图片地址)        //图片作为序号



list-style-position:outside;        //序号在内容外



list-style-pisition:inside;       //序号跟内容在一起

 

上浮

position:fixed           //上浮,不可排列



float:left;              //上浮左对齐,   可排列



overflow:hidden;         //超出部分隐藏,  scroll显示滚动条



<div style="clear:both"></div>             //表示截断流



position:absolute;      //上浮绝对位置  可以 上右下左 定位



pisition:relative;          //上浮相对位置, 上右下左 控制相对移动



z-index:2;              // 上浮到第二层, 默认是第一层

 

 

display

display:none;                  //不显示,   inline-block 显示为块不自动换行,宽高可设   block显示为块,自动换行   inline 效果同span标签不自动换行,宽高不可设

visibility:hidden;                     //可视性,     hidden隐藏但是占空间。  visible 显示

你可能感兴趣的:(css)