zoukankan      html  css  js  c++  java
  • 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来使用才有效果。编代码时两层尽量不要紧挨着,是为了方便插入新层。

  • 相关阅读:
    IT黑马-面向对象
    软路由系统记录
    网工笔记
    肖哥HCNP-正式篇笔记
    肖哥HCNP-学前准备篇笔记
    致良知简短笔记
    黑马班笔记
    正则表达示 for Python3
    小甲鱼Python3笔记
    linux命令-jdk及mysql安装操作
  • 原文地址:https://www.cnblogs.com/cmzhphp2017/p/7466933.html
Copyright © 2011-2022 走看看