成长是一辈子的事儿!大家好!我是时问新。分享前端、Python等技术,以及个人成长路上的那些事儿。
text-indent属性
text-indent属性是用来定义首行文本内容之前的缩进量。
比如中文,咱们小时候写作文,一个段落的开头,一般是空两个字,那么空出来两个字符就叫缩进了两个字符。
缩进两个字符在CSS中应该这样写:
![b79de2871a60a3b57fcd6e7c67fcad7c.png](https://i-blog.csdnimg.cn/blog_migrate/d871e095b820dd0a01fe5bb7f16a5500.jpeg)
indent这个单词就是缩进的意思。
em表示字符宽度。
只要你给p标签设置了text-indent属性,那么每一个段落的开头的文字就会缩进2个字符。
在实际工作中,实现一个段落的首行文字缩进,就是使用text-indent属性,而不是转义字符
line-height属性
line-height属性用于定义行高。
行高就是一行文字的高度。
行高,你可以这样理解:
![00b925a088876235d82873ee33f0c209.png](https://i-blog.csdnimg.cn/blog_migrate/e8ed49581322444a1a69c3d5a95d344d.jpeg)
你可以把上一行文字的顶部,到下一行文字的顶部之间的距离,看做行高。
也可以把上一行文字的底部,到下一行文字的底部之间的距离,看做行高。
也可以把一行文字,加上上面和下面的空白看做一行的行高。
line-height属性的3种写法
1、line-height属性值的单位可以是px。
比如:
![2172eb31316c22801c010c8ab373372c.png](https://i-blog.csdnimg.cn/blog_migrate/431a4ffc7c34d19ac649b4656db9e4ee.jpeg)
2、line-height属性值也可以没有单位的数值,这个数值就