m0_52376641的博客

层叠 声明冲突：同一个样式，多次应用到同一个元素 层叠：解决声明中的冲突，浏览器自动处理（权重计算） 1.比较重要性 重要性从高到低： 1） 作者样式表中的!important样式 2) 作者样式表中的普通样式 3） 浏览器默认样式表的样式 从高到低，依次比较 2.比较特殊性 总体规则：选择器选中的范围越窄，越特殊，不特殊的就被淘汰 具体规则：通过选择器，计算出一个4位数 千位：若为内联样式，记为1，反之记为0 百位：等于选择器中所有的id选择器的数量 十位：等于选择器中所有类选择器，属性选择

选择器 选择器：帮助精准选中想要的元素 简单选择器 ID选择器 元素选择器 类选择器 通配选择器 *会选中所有元素 属性选择器 根据属性名和属性值选中元素 属性名加^~$头中尾 伪类选择器 选中某些元素的状态 hover：鼠标移动上去的状态 例：a:hover{}指选择鼠标悬停的a元素 active：激活状态，即鼠标按下状态 link：超链接未被访问的状态 visited：超链接访问过后的状态 顺序：link。visited，hover，active 爱恨法则：love hate 伪元素选择器

常见样式声明 CSS注释:/注释内容/ color 文字颜色 预设值:定义好的单词 三原色，色值：光学三原色（红，绿，蓝），每个颜色0~255之间数字表达 rgb表示法： rgb(0,255,0) hex（16进制）表示法 #红绿蓝 淘宝红:#ff4400;(简写为#f40) background-color 元素背景颜色 font-size 元素内部文字的尺寸大小 1).px:像素,绝对单位； 2).em:相对单位，由父元素决定，nem就为父元素尺寸的n倍。 每个元素必须有字体大小，若没声明

为网页添加样式 术语解释 h1{ color: blue; background-color: chartreuse; text-align: center; } CSS规则=选择器+声明块 选择器 选择器：选择元素 元素选择器 ID选择器：对应ID值的元素（只能选择1个） 类选择器:.+类名（适用于多个元素） 类用class=""表示 声明块 出现在大括号中 声明块中包含很多声明（属性），每个声明表达某一方面的样