CSS基础知识总结--《CSS权威指南》阅读笔记(二)

一、CSS URL

      在CSS中,相对URL要相对于样式表本身,而不是相对于使用该样式表的HTML文档。例如,可能有一个外部样式表,其中导入了另一个样式表。如果使用相对URL来导入第二个样式表,它必须相对于第一个样式表。

二、关键字 inherit:作用是继承其父元素样式。大多数情况下,不必指定继承,因为大多数属性本身会自然地继承,不过,有些时候inherit还是很有用的。例如

#toolbar a{color:inherit;}
这会让链接使用继承的color值而不是用户代理的默认样式。正常情况下,直接指定的样式总会优于于继承的样式,但是通过使用inherit可以把情况反过来。

三、所有字体属性写在一个声明中

font属性:

  1. 前三个是font-style,font-variant,font-weight,是可选的,可按任意顺序;
  2. 后两个是font-size,font-family,是必须按此顺序的,而且必须声明的,否则该条规则将无效;
  3. font-size属性可以加上line-height的声明,以正斜杠分割,但必须先有font-size才能加line-height;
四、text-decoration

    text-decoration属性不能继承,颜色与元素本身的颜色一致

五、display

display属性改变元素显示,但不改变元素性质

六、外边距、内边距

margin如果用百分比是相对于父元素的width计算的,无论左右边距还是上下边距都是。另外相对的是父元素width的计算值,不是声明值,即使不声明width也会有计算值。

padding百分比是一样的。

七、边框

边框宽度不能是百分比,也不能是负数。

八、浮动

浮动元素“自成一派”,不多它还是以自己的方式影响文档其他部分:一个元素浮动时,其他内容会“环绕”该元素;

浮动元素周围的外边距不会合并,这很好理解,因为它“自成一派”嘛

让非替换元素浮动,必须声明width,否则width为0

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值