zoukankan      html  css  js  c++  java
  • 昨日内容回顾

    边框

    border-style:solid;

    border-1px;

    border-color:red;

    简写

    border:1px  dotted  red

    单独

    border-top-style:solid;

    border-top:1px   dotted   red;

    边框圆角

    border-radius:50%;

    display  

    display的值:

      none:影藏标签,不占空间

      visibility:hidden;影藏标签,占用空间

      inline:将标签做成内敛样式

      block:将标签做成块级样式

      inline-block:同时具备两种标签的一些特点,能够设置高度宽度,并且不独占一行

    盒子模型

      conrent  内容  

        padding   内边距   内容与边框之间的距离     padding:10px   20px;上下   左右   padding: 1px  20px   20px  30px;上右下左

        border   边框

        margin   外边距   与其他标签之间的距离

    浮动float

    布局用的,设置了浮动的标签会脱离正常的文档流,会造成父级标签塌陷

      float: left;  左浮动

      float:right;  右浮动

    解决塌陷:

      1.父级标签设置行高

      2.伪元素选择器清除浮动

        .clearfix:after{

          content:'';

          display:block;

          clear:both;}

        父级标签class='clearfix'

    overflow溢出:

      overflow:auto;出现滚动条

      overflow:hidden;影藏内容

    position定位

      position:relative;相对定位,保留原来的空间,相对自己原来的位置移动

      position:absolute;绝对定位,不保留原来位置的空间,按照父级标签或者祖先标签中有设置了position为相对定位的标签,如果有,按照它的位置移动,如果没有按照body移动。

      position:fixed;固定定位,根据浏览器窗口位置来定位

      position:static。默认

    控制层级z-index

      z-index的值越大,就在上面。

     透明度opacity

        标签的透明度

        rgba(255,0,0,0.3)  单独设置的某个属性的透明度。

    锚点

      设置:

        <a   name=“top” >锚点位置</a>

        <div   id=“top”>锚点位置</div>

        <a   href="#top"> </a>

  • 相关阅读:
    【接口平台】上报接口处理时间
    【性能测试】吞吐量上不去的问题
    vue层级选择器多选
    打家劫舍 II
    打家劫舍
    房屋染色 II
    距离顺序排列矩阵单元格
    根据身高重建队列
    将 x 减到 0 的最小操作数
    确定两个字符串是否接近
  • 原文地址:https://www.cnblogs.com/ch2020/p/12967272.html
Copyright © 2011-2022 走看看