码迷,mamicode.com
首页 > Web开发 > 详细

9.29css继承属性

时间:2018-10-16 11:54:00      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:order   影响   ali   bsp   文本   wrap   lib   parent   css   

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

Font 系列 text系列 color line-height

2border-radius的值的问题

text align:center;

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

四个值的顺序左上 右上 右下 左下

 

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

Word-wrap 属性允许长的内容可以自动换行  属性值是 break-word 允许 默认是不允许

写三角形

div{

width:0;

height:0;

border:top 5px solid transparent;

border right:5px solid transparent;

border-bottom solid blue;

border-left:5px solid transparent;

}

宽高必须是零

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

双:两边auto(自适应)

圣杯:中间自适应

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

正数:margin20px

负数:在static元素中(标准流下)margin-left为负数当前元素向左走 margin-top为负当前元素向上走

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

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

场景

技术分享图片

技术分享图片

ul一个margin-right 就无形之中给ul加了20px宽度。

 

 技术分享图片

 

float

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

中间自适应 两端固定

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

absolute

Margin为负

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

div{

Positionabsolute

Left50%

Top50%

Margin-left:-width/2;

Margin-top:-height/2

}

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

 

 

9.29css继承属性

标签:order   影响   ali   bsp   文本   wrap   lib   parent   css   

原文地址:https://www.cnblogs.com/zhangtao12/p/9796869.html

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