新手易忽略的一些CSS细节

font简写规则:font-style | font-variant | font-weight | font-size | line-height | font-family顺序不可变,至少设定 font-size 和 font-family 属性时才起作用。

bachground简写规则:各值用空格分开,不要求顺序;

同时设置了background-color和background-image时,浏览器加载时背景颜色会先出现,然后被背景图片覆盖,结果就是颜色在最底层,图片在上层(即看到的是图片)。

list-style简写规则:各值用空格分开,不要求顺序,但list-style-image会覆盖list-style-type。

text-align只对块级元素有效;

vertical-align对块级元素无效。

行高的继承 :继承的是计算后的数值,而不是em,%。

border的颜色在未设置时,并不是默认黑色,而是与文本颜色相同;

border只设置宽度不设置样式是无效的。

垂直方向,两个相邻元素都设置外边距,外边距会发生合并,结果取二者中最大的外边距,一样大则取其一;

内联元素以及display设置的内联元素:设置width,height属性无效;水平方向padding,margin有效;垂直方向padding,margin无效。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值