zoukankan      html  css  js  c++  java
  • 9.29 h5日记

    1、CSS中哪些属性可以继承?

    font系列 text系列 color line-height

    2、border-radius的值

    值的顺序是左上 右上 右下 左下

    则 border-radius:5px 5 px 5px 0;

    3、white-space 规定段落中的文本换不换行 

    white-space:norwap;不换行

    4、word-wrap 可以允许长的内容自动换行

    word-wrap:break-word;默认值是不允许换行 

    5、如何写出三角形

    宽高必须是0

    div{0;

      height:0;

      border-top:5px solid transparent;

      border-right:5px solid transparent;

      border-bottom:5px solid blue;

      border-left:5px solid transparent;

    }

    6/margin对布局的影响

    (两种常见的margin排版方式

    双飞翼布局:中间固定,两边auto

    圣杯布局:中间auto,两边固定

    margin是给元素设置外边距属性值是数字,可正,可负

    当margin值为正时,正常往上下左右偏移

    当margin值为负时,margin-left会向左偏移

                                     margin-top会想向上偏移

                                    margin-right,当前元素不动,后面的元素会向左偏移,并覆盖当前元素

                                  margin-bottom,当前元素不动后面的元素会向上走

    PS:当margin为负的值的时候,实际上是增大了当前元素的宽,且当前元素没有设置宽

    ❤:在float和position的布局中,margin为负值时的影响

    (1)float:

              margin-left会向左偏移

                                     margin-top会想向上偏移

                                    margin-right,当前元素不动,后面的元素会向左偏移,并覆盖当前元素

                                  margin-bottom,当前元素不动后面的元素会向上走

    (2)position:absolute;是为了让一个元素居中

    div{

      position:absolute;

      left:50%;

      top:50%;

      margin-left:-1/2 width;

      margin-top:-1/2 height;

    }

    总结 :margin为负值时,无论在什么条件下都是在释放自己的空间,如果自己的margin不够,就会贡献出自己的宽高

  • 相关阅读:
    beta冲刺————第二天(2/5)
    beta冲刺————第一天(1/5)
    个人作业——软件产品案例分析
    c++第七次作业____最后的总结
    计算器图形界面
    object-oriented second work
    第五次作业(文件处理)
    object-oriented first work
    第四次作业--计算器简单计算
    新的Calculator的规范作业
  • 原文地址:https://www.cnblogs.com/qinlinkun/p/9765436.html
Copyright © 2011-2022 走看看