CSS样式表——列表与布局

列表方块:针对<ol></ol>和<ul></ul>

属性style="list-style:none"                    //有序列表去掉序号

  style="list-style:circle"                    //有序列表为圆

  style="list-style:decimal"                 //有序列表正常默认序号

  style="list-style:disc"                    //有序列表序号为方点

  style="list-style:inside"                    //序号在内容中

  style="list-style:outside"                    //序号在内容外

  style="list-style-image:路径"                    //序号为图片

格式与布局

  style="position:fixed"                             //固定位置,相对浏览器边框固定住

        "position:absolute"                             //绝对位置,相对父级

     "position:relative"                             //相对位置,相对自身原来位置

  style="top:20px"                                       //距离上边20像素

        "left:20px"                                    //距离左边20像素

    "right:20px"                                    //距离右边20像素

    "bottom:20px"                                    //距离底边20像素

其他

  style="opacity:0.5"                                 //透明度为0.5

  style="cursor:pointer"                             //鼠标变为手形

  style="z-index:2"                                    //z轴方向的层次,值越大越靠上层。要配合position或float来使用才有效果。编代码时两层尽量不要紧挨着,是为了方便插入新层。

原文地址:https://www.cnblogs.com/cmzhphp2017/p/7466933.html