CSS—02—文本,文字,选择器
一. 文本
文本的属性基本都是以text开头的就letter-pacing和word-spacing比较特殊;
- text-decoration
- letter-spacing: 字母之间的间距
- word-spacing:单词之间的间距
- text-indent: 设置首字母缩进
- text-align
二. 文字(字体)
- font-size:设置字体的大小;有两种方式,第一种是具体数值+单位; 第二种是百分比, 但是百分比是相对于父类的font-size设置的;
- font-family: 设置字体的样式, 比如宋体, 微软雅黑等;
- font-weight: 设置字体的粗细, 从100-900可以任意取;
- font-style: 设置字体的倾斜, 例如:font-style:oblique
- line-height: 设置行高, 第一注意line-height和weight的区别, line-height是文本的行高, height是元素的高度; 第二注意行高=文字高度+行距*2, 所以我当我们只设置行高等于div的height高度时, 文字可以垂直居中显示;
以上的属性可以缩写:
三. 选择器
我觉得选择器分为两种, 一种是单条件选择器, 一种是多条件选择器;
1.单条件选择器:
- 统配选择器: * {}
- 元素选择器: div{} 或者p{}
- 类选择器: .className{}
- id选择器: #idName{}
- 属性选择器: [attributeName]{}
- 伪类选择器:这个后续专门讲;
2.多条件选择器:
- 组合选择器: 它有四种形式( , , >, + ,~ ) 注意相邻兄弟选择器(它后面的并且相邻的, 会被选择
- 交集选择器: 中间不能有任何距离即(条件一条件二条件三)感觉就是一堆条件, 都符合即被选择
- 并集选择器: 一堆条件,有一个符合即被选择,使用逗号,进行; 即(条件一,条件二,条件三)