标签:覆盖 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不够,就会贡献出自己的宽高
标签:覆盖 radius str 默认值 内容 ace 上下 属性 上下左右
原文地址:https://www.cnblogs.com/qinlinkun/p/9765436.html