码迷,mamicode.com
首页 > 其他好文 > 详细

9.29 h5日记

时间:2018-10-10 14:26:27      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:覆盖   radius   str   默认值   内容   ace   上下   属性   上下左右   

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{width: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不够,就会贡献出自己的宽高

9.29 h5日记

标签:覆盖   radius   str   默认值   内容   ace   上下   属性   上下左右   

原文地址:https://www.cnblogs.com/qinlinkun/p/9765436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!