CSS继承总结

继承

HTML只能改变网页的内容结构怎么显示完全依靠CSS

子元素会继承父元素的某些CSS属性
通常,跟字体相关的属性都能被继承,如color、font-size、font-weight、font-family、line-height、text-align(水平方向文字排列方式)、text-decoration、letter-space等等都是可以被继承的,background、width、height是不可以被继承的

如何查看CSS属性是否可以被继承?

1.百度搜索:属性名+mdn

font-family可以被继承

2.利用Chrome开发者工具(F12)

以知乎首页为例,F12后可以明显的看到body元素里的font-family属性

font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;

接着选择任意一个元素,找到Elements右栏的 Inherited from body 可以清晰的看到从body继承过来的font-family属性

如果您发现文章中有不妥之处请与我联系,我将感激不尽
转载著明:sayc.cc 菠萝吹雪的博客

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×