CSS—02—文本,文字,选择器

---

 一.  文本

文本的属性基本都是以text开头的就letter-pacing和word-spacing比较特殊;

1. text-decoration
2.  letter-spacing: 字母之间的间距
3. word-spacing：单词之间的间距
4. 
5. text-indent: 设置首字母缩进 
6. text-align

    

    

 

 

 二.  文字(字体)

1. font-size:设置字体的大小;有两种方式,第一种是具体数值＋单位; 第二种是百分比, 但是百分比是相对于父类的font-size设置的;
2. font-family: 设置字体的样式, 比如宋体, 微软雅黑等;
3. font-weight: 设置字体的粗细, 从100-900可以任意取;
4. font-style:  设置字体的倾斜, 例如:font-style:oblique
5. line-height:  设置行高, 第一注意line-height和weight的区别, line-height是文本的行高, height是元素的高度;  第二注意行高=文字高度+行距*2,  所以我当我们只设置行高等于div的height高度时,  文字可以垂直居中显示;

以上的属性可以缩写: 

 

 

 

 

三.  选择器

我觉得选择器分为两种, 一种是单条件选择器, 一种是多条件选择器;

1.单条件选择器:

• 统配选择器:  * {}
• 元素选择器:  div{}  或者p{}
• 类选择器:  .className{}
• id选择器:  #idName{}
• 属性选择器:  [attributeName]{}
• 伪类选择器:这个后续专门讲;

2.多条件选择器:

• 组合选择器:  它有四种形式( ,  , >, + ,~ )   注意相邻兄弟选择器(它后面的并且相邻的,  会被选择
• 
• 交集选择器:  中间不能有任何距离即(条件一条件二条件三)感觉就是一堆条件, 都符合即被选择
• 并集选择器:  一堆条件,有一个符合即被选择,使用逗号,进行; 即(条件一,条件二,条件三)