首页
学习
活动
专区
工具
TVP
发布

css3基础(五)

css3文本

css字体类型

font-family 定义字体的类型

font-style 定义字体的样式

normal (默认值),italic(斜体),oblique倾斜

font-weight 定义字体的粗细 范围100-900 数字越大越粗

normal(默认值) bold(粗体) bolder特粗体 lighter细体

css文本类型

word-spacing 词与词间距 (用的不多)

letter-spacing 字符间的间距 (用的不多)

vertical-align定义文本的垂直对其方式

baseline默认值 sub上标对齐 super下标对齐 bottom行框底端对齐

text-bottom行内文本底端对齐 top顶端对齐 middle居中对齐

text-decoration 定义文本的修饰线

none默认值 underline下划线 overline上划线 line-through删除线(=del)

blink闪烁线

text-indent 首行缩进2em两个字符

text-align 对齐方式

left左对齐 right右对齐 center居中对齐 justify两端对齐

line-height行高

text-shadow定义文本阴影

white-space 定义文字和文本之间的空白符间距

normal默认值 nowrap换行符忽略 不要换行

text-shadow

color颜色 x-offset x轴位移 y-offset y轴位移 blur-radius阴影模糊半径

效果

text-overflow

clip只做剪裁

ellipsis 文本溢出时显示...

一般从后台拿取数据的时候在前台展示的时候字数排版等等会用到。

over-flow超出的溢出隐藏,一般ellipsis做...效果都是处理单行的文本

white-space: nowrap; 让文本不要换行 一般使用就是以上model的例子

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180919G246DX00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券