zoukankan      html  css  js  c++  java
  • CSS区块、浮动、定位、溢出、滚动条

    • CSS中区块的使用
    • CSS中浮动的使用
    • CSS中定位的使用
    • CSS中溢出的使用
    • CSS中滚动条的使用

    17.1 CSS中区块的使用

                属性名称            属性值                说明

                 width              像素/百分比            区块的宽度

       auto

                 height              像素/百分比            区块的高度

       auto

    min-height            像素/百分比             区块最小高度

       auto

    max-height            像素/百分比             区块最大高度    

                                auto

    min-width             像素/百分比             区块最小宽度

       auto

                 max-width          像素/百分比             区块最大宽度

             auto

    17.2 CSS中浮动的使用

    属性名称            属性值                说明

    float                none                正常显示

                         left                 左浮动

                         right                右浮动

    clear                none                允许两边浮动

                         left                不允许左边浮动

                         right                不允许右边浮动

                         both                不允许两边浮动

    17.3 CSS中定位的使用

    属性名称            属性值                说明

             position            relative        设置区块基准点为左上角

                                 absolute        设置网页的为基准点左上角

                                 static                无设置

                 left                auto                 以基准点定位在左边

                                 像素/百分比            定位在左边

              top                 auto                以基准点定位在上边

                        像素/百分比           定位在上边

    right               auto                以基准点定位在右边

                        像素/百分比           定位在右边    

              bottom              auto                以基准点定位在下边

                                  像素/百分比           定位在下边    

    z-index             auto                  自动调整高度

                                    数字                数字越大越往上层

    17.4 CSS中溢出的使用

    属性名称            属性值                说明

    overflow            visible              不剪切内容也不添加滚动条

                        auto                 在必需时对象内容才会被

    裁切或显示滚动条

    hidden                不显示超过对象尺寸的内容

    scroll                总是显示滚动条

    overflow-x            (同上)        

    overflow-y            (同上)

    17.5 CSS中滚动条的使用

    属性名称                        属性值                说明

    scrollbar-3dlight-color        颜色/十六进制        滚动条亮边框

    scrollbar-highlight-color      颜色/十六进制        滚动条3D界面亮边

    scrollbar-face-color           颜色/十六进制        滚动条3D表面

    scrollbar-arrow-color          颜色/十六进制        滚动条方向箭头

    scrollbar-shadow-color         颜色/十六进制        滚动条3D暗边

    scrollbar-darkshadow-color     颜色/十六进制        滚动条暗边框

    scrollbar-base-color                    颜色/十六进制        滚动条基准颜色

    scrollbar-track-color           颜色/十六进制        滚动条的拖动区域

  • 相关阅读:
    TestNG系列(四)TestNG监听器
    SpringBoot中Conditional的条件
    TCP的四次挥手与三次握手
    [Lamada] lamda流操作
    [Spring] 封装request 自定义添加parameter
    AES加密Demo
    [转]数据库软件架构,到底要设计些什么
    [正则表达式]
    [mysql] 查询配置文件读取位置和顺序
    [MySQL]错误日志
  • 原文地址:https://www.cnblogs.com/lifi/p/5677290.html
Copyright © 2011-2022 走看看