CSS笔记1
CSS基础语法
- 选择器,申明(属性+值) 例如 h1{color:red;font-size:14px;}
- 写在标签内,(相同样式可以写在一起)
CSS使用方法
- 行内样式(内联样式):添加在相应标签的开始标签内,例:
- 内部样式表(嵌入样式):写在>
注:3,4区别,3同时加载HTML和css,4读取完html之后再加载CSS
CSS使用方法优先级:行内样式>内部样式>外部样式
导入外部样式表与内部样式表的优先级取决于就近原则
CSS选择器
- 标签选择器:以HTML标签作为选择器
- **类选择器:**为HTML标签添加class属性或通过类选择器来为具有此属性的元素设置CSS样式(例:.special{color:red;})
-
ID选择器:以HTML标签作为选择器,例如
- 全局选择器:所有标签设置样式,例如*{color:red;…}
- **群组选择器:**集体统一设置样式,用“,”隔开,群组选择器可以将·任意多个选择器分组在一起,也可以将元素选择器、类选择器、ID选择器等放在一组使用。
- **后代选择器:**例如 p.p1 em{{color:red;};中间用空格隔开
html文档结构如图 - **伪类选择器:**定义特殊状态下的样式;链接伪类(link未访问 >visited已访问 >hover鼠标悬浮> active **)
CSS继承和层叠
- **继承:**从父元素那继承部分CSS属性(不是所有的属性都可以继承的)
- **层叠:**可以定义多个样式,不冲突时,多个样式可层叠为一个,冲突时,按不同样式规则优先级来应用样式
CSS优先级
行内样式>内部样式 >外部样式
链入外部样式表与内部样式表之间的优先级取决于所处位置的先后, 最后定义的优先级最高,即就近原则
ID选择器 >class选择器 >标签选择器>通配符
同一样式表中,
- 权值相同,就近原则
- 权值不同,判断选择器的权值,哪个css样式的权值最高,就用哪个;
(标签1,类、伪类10,ID100,通配符0,行内样式 1000)
!important
CSS命名规范
采用英文字母、数字以及“-”和“”命名
以小写字母开头,不能以数字及“-”和“”命名
命名方式:单字,连字符,下划线和驼峰
使用有意义命名