html第二个字母样式怎么设置,web中css怎样设置文本样式?

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

525cef9e360fc4945edfbf1498d625ad.png

设置文字的字体

属性:font-family

值:

7fc6053f6d8a14e4fd1d24712f45a1bd.png

例如英文:times New Roman

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

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

设置文字的倾斜效果

属性:font-style

值:

e72dd9315e2c828ccd6adb3d68e6a218.png

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

设置文字的加粗效果

属性:font-weight

24402fb0381a1353ca34ff1d07962f9a.png

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

设置英文字母大小写转换

属性:text-transform

值:

3912cbbcc621dc808ad8490304a3f1c0.png

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

设置文字的大小

属性:font-size

值:

21c993571c122cf9da0c1d749fcf4f19.png

例如:30px等,单位是px

设置文字的装饰效果

属性:text-decoration

值:

6c50202aab32d1ad1a5420f9f53faeb6.png

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

设置段落首行缩进

属性:text-indent

值:

e4702450b636c74353ff5607ce533be1.png

例如:2em,em是单位

设置字词间距

属性:letter-spacing

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

它表示英文单词之间间距

设置文字的行高

属性:line-height

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

注释:不允许使用负值。

说明

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

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

值:

0296ce522a2cf89ac28673233b230ca6.png

设置段落之间的距离

属性:margin

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

值:

a4ba9c486b89254619d1d2b2001bb438.png

设置文本的水平位置

属性:text-align

值:left,right,center

设置文字和背景的颜色字体颜色

属性:color

背景色

属性:background-color

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值