CSS第一节(第五天)

一、学习计划:

1.层叠性和继承性

2.选择器的优先级



1.层叠性,指的是CSS样式的叠加,例如:使用CSS样式定<p>标记字号大小12像素,嵌入式定义<p>标记颜色为红色,那么段落文本显示为12像素红色,这两种样式产生了叠加

继承性,子标签会继承父标签的某些样式,想要设置一个可继承的属性,只需将他应用到父元素即可

-恰当的使用继承可以简化代码,降低CSS样式的复杂性

-所有字相关的都可以继承,比如:color、text-系列、font-系列、line-系列、cursor

-并不是所有的CSS属性都可以继承,例如:下面的属性都不具有继承性:边框、外边框、内边框、背景、定位

-所有盒子相关的属性都不能继承

2.选择器的优先级

important>内联>ID>伪类丨类丨属性选择>标签>伪对象>通配符>继承

结论:

1.继承的样式要高于默认样式的优先级

2.通配符选择器的样式优先级比继承的样式优先级要高

3.标签的选择器优先级要高于通配符选择器的优先级

4.类选择器的优先级要高于标签选择器的优先级

5.ID选择器的优先级高于类选择器的优先级

6.行内选择器的优先级高于ID选择器的优先级

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • CSS定义: CSS 指层叠样式表 (Cascading Style Sheets) CSS通常称为CSS样式表或...
    显然2017阅读 891评论 0 8
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,902评论 0 6
  • CSS第一节 CSS :层叠样式表 (Cascading Style Sheets)或级联样式表。 CSS用途:主...
    金妮ing阅读 492评论 0 1
  • 东晋南北朝时期,战乱频繁!各方妖魔猖狂出没,使得人间苦不堪言! 为保其子民平安,陈朝国主陈霸天带领自己的子民抗衡各...
    旧词赋阅读 372评论 0 0