码迷,mamicode.com
首页 > Web开发 > 详细

CSS文本与字体的属性

时间:2020-03-20 18:42:13      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:居中   中文   line   英文   元素   转换   大小   orm   属性   

css文本与字体的属性

文本属性

text-decoration(文字装饰线)的属性

技术图片

text-tabsform(设置文字大小写转换):用的比较少

 技术图片

text-indent 用于对第一行内容的缩进

技术图片

text-align用于设置元素内容在元素中的水平对齐方式(默认左对齐)

技术图片技术图片

字体属性

font-size设置字体大小

技术图片

(p元素选择器会重叠掉box1,而span却会继承,因为父类的字体大小即为1em)

font-family设置文字的字体

可以设置多个字体,从左到右按顺序直到找到可用的字体。英文字体只适用于英文而中文字体同时适用于中文和英文。

font-weight设置文字的粗细(重量)

100/200/300/900/: 对应于文字的不同重量

font-style设置文字的常规与斜体

技术图片

line-height行高的设置

技术图片

元素高度为100px,若不设置行高,文字无法垂直居中

技术图片

 

 技术图片

font缩写属性的使用方式

技术图片

 

CSS文本与字体的属性

标签:居中   中文   line   英文   元素   转换   大小   orm   属性   

原文地址:https://www.cnblogs.com/coderzzw/p/12533516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!