前端--CSS构造块

主要内容

CSS（层叠样式表）

• 构造样式规则
• 注释
• 继承
• 层叠

构造样式规则

每条规则有两个部分组成：选择器和声明块。

选择器决定哪些元素受到影响；

声明块由一个或者多个属性-值对组成。

h1{/*h1是选择器*/
	background-color:green;
	/*一条声明，background-color是属性，green是值；
	二者共同组成属性-值对
	*/
}

运行实例
将上述代码保存并改后缀为.css文件，然后在HTML文件中运用link标签加载

<link rel="stylesheet" href="XXX.css" />

最终上述样式规则的应用后为：

注释

CSS中采用/* */来注释一段内容

/*这是一个注释*/

注意以下的注释是错误的

/*这是一个/*一个注释*/一个注释*/

禁止套娃！！

继承

如果标签a在标签b的内部，就可以认为a是b的后代，a具有b的样式。继承可以简化样式表。

一般会被继承的属性大概有

层叠

CSS 用层叠的原则来考虑样式声明，从而判
断相互冲突的规则中哪个规则应该起作用。
当自己编写的规则和浏览器的默认规则冲突，肯定是以自己所编写为准。
在此基础上，还要考虑特殊性、顺序、重要性三个方面。

• 特殊性
  特殊性规则指定选择器的具体程度。选
  择器越特殊，规则就越强。

• 顺序
  特殊性不足以判断时，规则的顺序就能起到作用。后出现的规则优先级高于先出现的
  “大佬都是最后登场的”

• 重要性
  如果还不够，可以声明一条特殊的规则覆盖整个系统中的规则，这条规则的重要程度比其他规则都要高。