- 四种选择器
①标签选择器,以标签命名的选择器,但是选中所有的这个标签都生效css
②类选择器,.类名{css属性名:属性值;}
一个标签可以多个类名,空格隔开 |
---|
类名只能由数字、字母、下划线、中划线组成,不能以数字或者中划线开头 |
类名只能由数字、字母、下划线、中划线组成,不能以数字或者中划线开头
一个标签可以多个类名,空格隔开
③id选择器(用于配合js做美化)
#id属性值{css属性名:属性值:}
id属性是唯一的,不能重名
一个标签只能一个id属性值
一个id选择器只能选中一个标签
④通配符选择器
*{css属性名:属性值:}
一般用于去除标签默认的margin(边距)和padding(内边距)
- 文字样式、
字体大小:font-size
粗细:font-weight
样式:font-style
类型:font-family 或 font属性连写
谷歌默认文字大小16px
字体:
无衬线字体:黑体,Arial
衬线字体:宋体,times new roman
等宽字体:consolas, fira code
CSS层叠
层叠性:后面的覆盖前面的属性