CSS3文本样式、

本文详细介绍了CSS中用于设置文本样式的属性,包括字体大小、类型、风格及粗细等,并阐述了如何通过CSS进行网页文本排版,如对齐方式、首行缩进、行高等。

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

1.文本样式

  a.字体大小:font-size

  b.字体类型:font-family,先设置英文字体,后设置中文字体,用英文逗号隔开,中文用双引号 》》》》{Times,“楷体”}

  c.字体风格:font-style,包括三种:normal标准字体样式        italic斜体字体样式             oblique倾斜的字体样式

                  italicoblique效果很相似

  d.字体的粗细:font-weight:normal标准的字体

               bold粗体字体   bolder更粗的字体      lighter更细的字体 

    100、200、300、400、500、600、700、800、900定义由细到粗,400等同于normal,700等同于bold

2.排版网页文本

  01. text-align设置元素水平对齐, 可以设置文本的左对齐-left,右对齐-right,居中对齐-center,两端对齐-justify

         举例:text-align:right

  02. text-indent设置首行文本的缩进,单位em(中文用得比较多)、px  

        举例:text-indent:2em-----首行缩进两字符

  03. line-height设置文本的行高  

  04. text-decoration设置文本的装饰:none:默认值,定义的标准文本,没有下划线

                    underline设置文本的下划线

                    overline设置文本的上划线

                    line-through设置文本的删除线

  05.vertical-align垂直对齐方式,通常用来设置文本与图片的居中对齐,属性值为middle,还有top、bottom等属性值

  06.text-shadow设置文本阴影text-shadow:color(颜色) x轴位移(x-offset) y轴位移(y-offset)模糊半径(blur-radius) 

                  x轴位移可以是正值也可以是负值。为正值则阴影在对象的右边,负值则在左边

                  y轴位移可以是正值也可以是负值。正值阴影在对象的底部,负值则在顶部

                  模糊半径:只能是正值,为0则不具有模糊效果。

 

                           

          

 

转载于:https://www.cnblogs.com/weihaixiong/p/8338167.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值