CSS 字体属性和文本属性

本文详细介绍了CSS中字体和文本的基本属性,包括字体大小单位(px、em、rem)、字体风格、字体粗细及文本颜色、对齐方式、首行缩进和行高等关键属性的设置方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1字体属性

1.1 字体属性

字体可以用引号包裹 也可以不加

1.2 字体大小

px是物理像素

em是根据父元素的大小来显示的  1em表示的是父元素1个字符的大小,比如父元素大小是20px,那么1em=20px

rem是根据根元素 html 的大小来显示的  1rem表示的是根元素1个字符的大小,比如根元素是16px,那么1rem=16px

1.3字体风格

 i ;em;italic;oblique;表示斜体的意思

使用font-style:normal;可以把已经斜体的样式改成正常的字体样式

 1.4 字体的粗细

bold:设置成为粗体字体  bolder:设置成为更粗的字体

bold和bolder设置的字体的粗细都是一样的,为什么呢?

bold设置成粗体的以后 页面的显示就已经是最大值了 所以就算设置了bolder再大也不会发生明显变化

 lighter 设置更细的字体

 ☆字体属性顺序:字体风格→字体粗细→字体大小→字体类型☆

2 文本属性

2.1 color属性

color 属性用于定义文本的颜色

除了使用英文单词red 或者blue 或者green还可以使用 RGB

2.2排版文本段落

 text-align 属性用于设置元素内文本内容的水平对齐方式

2.3首行缩进

text-indent 属性用来指定文本的第一行的缩进,通常是将段落的首行缩进。 

  2.4 设置行高

使用line-height属性设置行高 值越大 一行的间距也就越大

line-height一般要设置的比字体的大小要大一点,不然就会挤在一起

 设置文字的垂直居中

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值