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


 一.  文本

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

  1. text-decoration
  2.  letter-spacing: 字母之间的间距
  3. word-spacing:单词之间的间距
  4. text-indent: 设置首字母缩进 
  5. 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.多条件选择器:

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

 

posted @ 2021-09-09 16:47  Eric-Shen  阅读(336)  评论(0编辑  收藏  举报