CSS常用文本属性

文本属性:css文本属性可以定义文本外观

通过文本属性可以可以改变文本的颜色、字符间距,文本对齐,装饰文本,对文本进行缩进等

text-align:对齐方式,left、right、center

text-decoration:文本修饰,underline(下划线)、line-throuth(删除线)、overline(上划线)、none

line-height:行高

text-indent:文字/图片缩进

 opacity用来设置透明度   默认值为1   1为不透明  0为全透明

p{ opacity: 0;} 隐藏一个元素 ,完全不显示,但是会占空间,只是看不到。

font字体设置

属性名

作用

参数说明

font-family

字体名称

例如:Arial,"微软雅黑","宋体"

font-size

字体大小

例如:18px,2em

font-style

字体风格

normal,italic, oblique

font-weight

字体粗细

normal,bold或bolder或数值。

text-align:文本对齐属性:规定文本中文字的水平对齐方式,只能设置块级元素内的文本水平对齐方式

属性值

描述说明

left

把文本排列到左边。默认值:由浏览器决定。

right

把文本排列到右边。

center

把文本排列到中间。

text-decoration字体装饰

属性值

描述说明

none

默认,定义标准的文本。

underline

定义文本下的一条线。

overline

定义文本上的一条线。

line-through

定义穿过文本下的一条线。

 letter-spacing 设置字与字之间的间距

line-height  设置行之间的距离  可以设为数字也可以设为百分比  line-height可以设置文字竖直方向上的居中、

overflow属性

描述

描述说明

visible

默认值。内容不会被修剪,会呈现在元素框之外。

hidden

内容会被修剪,并且其余内容是不可见的。

scroll

内容被修剪,但是浏览器会显示滚动条以便查看其余的内容。

auto

如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

over-flow规定当文本溢出元素框时发生的事情

ellipsis用来描述当文本超出文本呢框时用省略号代替剩余文字 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值