CSS选择器
CSS可分为基础选择器和复合选择器两大类
基础选择器:
- 标签选择器:将某种标签全部选出来进行样式设置
- 类选择器:给标签添加class类名 通过.类名对部分标签进行样式设置
- 一个标签可以设置多个类名 不同类名之间用空格隔开 class=“类名1 类名2”
- id选择器:给标签元素添加id属性 设置样式通过#id名
- 通配符选择器:* 表示选取页面的所有元素
CSS字体
- 设置字体系列:font-family
- 设置字体大小:font-size 单位px
- 设置字体粗细:font-weight(400=normal=不加粗;700=bold=加粗,设置数字时不加单位,数值可取100-900;在实际开发中常用400/700)
- 设置文字样式:font-style(normal=标准;italic=斜体)
- 斜体标签:em;i
**字体复合属性写法**
font: font-style font-weight font-size/line-height font-family;
注意:
-使用复合属性写法时,顺序不能改变;各个属性以空格隔开;
- 不需要的属性可以省略(取默认值),但是font-size和font-family不能省略;否则改写法不起任何作用
- 口诀:样式粗细字号体,字号字体必须有
CSS文本属性
- 设置标签内的文本颜色:color
- 设置标签内的文本对齐方式:text-align(左中右,默认左对齐)
- 设置文本的装饰:text-decoration(上划线overline;下划线;默认无装饰none)
- 设置行高:line-height(可以控制文字行与行的距离)
- 设置文本的缩进:text-indent(通常用于段落的首行缩进)
text-indent: 2em;
em 是一个相对单位,就是当前元素(font-size) 1 个文字的大小, 如果当前元素没有设置大小,则会按照父元素的1个文字大小。