web中css怎样设置文本样式?

web中css怎样设置文本样式?下面本篇文章给大家简单介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

设置文字的字体

属性:font-family

值:

3.png

例如英文:times New Roman

例如中文:宋体,楷体,微软雅黑

可以同时赋多个值,用逗号隔开。

设置文字的倾斜效果

属性:font-style

值:

1.png

例如:italic(斜体),这个赋值时不用加""

设置文字的加粗效果

属性:font-weight

2.png

例如:bold(加粗),normal(普通的,不加粗)

设置英文字母大小写转换

属性:text-transform

值:

4.png

例如:capitalize(首字母大写),capitalize(全部大写)

设置文字的大小

属性:font-size

值:

5.png

例如:30px等,单位是px

设置文字的装饰效果

属性:text-decoration

值:

6.png

可以多个效果共同使用,赋值时,用空格隔开

设置段落首行缩进

属性:text-indent

值:

7.png

例如:2em,em是单位

设置字词间距

属性:

  • letter-spacing

它表示的是字母与字母之间,或者汉字与汉字之间间距

  • word-spacing

它表示英文单词之间间距

设置文字的行高

属性:line-height

line-height 属性设置行间的距离(行高)。

注释:不允许使用负值。

说明

该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

值:

9.png

设置段落之间的距离

属性:margin

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

值:

10.png

设置文本的水平位置

属性:text-align

值:left,right,center

设置文字和背景的颜色

  • 字体颜色

    属性:color

  • 背景色

    属性:background-color

更多web前端知识,请查阅 HTML中文网 !!

以上就是web中css怎样设置文本样式?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏