CSS笔记1

CSS基础语法

1. 选择器，申明(属性+值） 例如 h1{color:red;font-size:14px;}
2. 写在标签内,(相同样式可以写在一起）

CSS使用方法

1. 行内样式（内联样式）：添加在相应标签的开始标签内,例：
2. 内部样式表（嵌入样式）：写在>
   注：3,4区别，3同时加载HTML和css,4读取完html之后再加载CSS

CSS使用方法优先级：行内样式>内部样式>外部样式
导入外部样式表与内部样式表的优先级取决于就近原则

CSS选择器

1. 标签选择器：以HTML标签作为选择器
2. **类选择器：**为HTML标签添加class属性或通过类选择器来为具有此属性的元素设置CSS样式（例：.special{color:red;}）
3. ID选择器:以HTML标签作为选择器,例如
   ,设置规则用#，例如#p1{color:red;}；特点同一个网页文档中ID唯一，可以被多次使用
4. 全局选择器：所有标签设置样式，例如*{color:red;…}
5. **群组选择器：**集体统一设置样式，用“，”隔开,群组选择器可以将·任意多个选择器分组在一起，也可以将元素选择器、类选择器、ID选择器等放在一组使用。
6. **后代选择器：**例如 p.p1 em{{color:red;};中间用空格隔开
   html文档结构如图
7. **伪类选择器：**定义特殊状态下的样式；链接伪类（link未访问 >visited已访问 >hover鼠标悬浮> active 激活）

CSS继承和层叠

1. **继承：**从父元素那继承部分CSS属性(不是所有的属性都可以继承的）
2. **层叠：**可以定义多个样式，不冲突时，多个样式可层叠为一个，冲突时，按不同样式规则优先级来应用样式

CSS优先级

行内样式>内部样式 >外部样式
链入外部样式表与内部样式表之间的优先级取决于所处位置的先后， 最后定义的优先级最高，即就近原则

ID选择器 >class选择器 >标签选择器>通配符

同一样式表中，

1. 权值相同，就近原则
2. 权值不同，判断选择器的权值，哪个css样式的权值最高，就用哪个;
   （标签1，类、伪类10，ID100，通配符0，行内样式 1000）

！important

CSS命名规范

采用英文字母、数字以及“-”和“”命名
以小写字母开头，不能以数字及“-”和“”命名
命名方式：单字，连字符，下划线和驼峰
使用有意义命名