0929CSS

1.css可以继承的属性有哪些？

Font 系列 text系列 color line-height

2.border-radius的值的问题

text-align:center;

border-radius:7px 7px 7px 0;

四个值得顺序是 左上 右上 右下 左下

3.white-space 规定段落中的文本换不换行 往往值是nowrap 不换行

4. word-wrap 属性允许长的内容可以自动换行  属性值是 break-word允许

5.写三角形

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;}

它的高度必须是0

6.margin对布局的影响  双飞翼布局 圣杯布局 （）

Margin是 外边距，属性值是数字 数字又分正负。

正数：margin：20px；

负数：在static元素中（标准流下）margin-left为负数当前元素向左走 margin-top为负当前元素向上走

Margin-bottom为负数后当前元素不动后面的元素向上走，margin-right为负数当前元素不动后面的元素向左走

注意的，margin为负会增大当前元素的宽（前提是当前元素没有设置width）

在float下

Margin为负值也是我们常用的双飞翼，圣杯布局

中间自适应 两端固定

给元素margin-left为负当前元素向左走，margin-right为负后一个元素向左走会覆盖当前元素。

在absolute下

Margin为负

让元素居中，前提是知道元素的宽高。

div{

Position：absolute；

Left：50%；

Top：50%；

Margin-left:-width/2;

Margin-top:-height/2

}

Margin为负无论在什么条件下都是释放自己的空间，如果自己的margin不够，就把自己的宽高贡献出去。

 

转载于:https://www.cnblogs.com/xyangjie/p/9797658.html