04CSS文本样式

[目录]

一、字体样式

  1. font-family字体:字体名|字体集
  2. font-size文字大小:定义元素内文字大小
  • 绝对单位
属性
inInch、英寸;一英寸=2.54厘米
cm厘米;1厘米=0.394英寸
mm毫米;1毫米=0.1厘米
pt磅,印刷的点数;72磅=1英寸
pcPica/pc=12pt
当不设置字体大小时,默认为浏览器默认值,浏览器一般默认字体大小16px
  • 相对单位

px,em,%
3. color文字颜色:定义元素内文字颜色

语法:color:颜色名/十六进制/RGB
4. font-weight文字粗细:为元素内文字设置粗细

语法:font-weight:normal/bold/lighter/100~900

默认值:normal          400等同于normal,而700等同于bold
5. font-style文字样式:为元素内文字设置样式

语法:font-style:normal/italic/oblique
6. font-variant字体变形:设置元素中文本为小型大写字母

语法:font-variant:normal/small-caps
7. font属性简写

font:font-style/font-variant/font-weight/font-size/line-height/font-family

值之间空格隔开,注意书写顺序,同时设置font-size和font-family属性才起作用

二、文本样式

  1. text-align:设置元素内文本的水平对齐方式

语法:text-align:left/night/center/justify(该属性对块级元素设置有效)
2. line-height属性:设置元素中文本行高

语法:line-height:长度值/百分比
3. vertical-align属性:设置元素内容的垂直方式

语法:vertical-align:baseline/sub/super/top/text-top/middle/bottom/text-bottom/长度/百分比
4. 文本样式属性

字体属性
说明
word-spacing设置元素内单词之间间距
letter-spacing设置元素内字母之间的间距
text-transform设置元素内文本的大小写capitalize/uppercase/lowercase/none
text-decoration设置元素内文本的装饰underline/overline/line-through/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值