css样式——文字设置

来源:互联网 发布:淘宝螺旋是什么意思 编辑:程序博客网 时间:2024/06/03 15:27

今天主要学习的是对文字进行设置,下面我为大家逐一介绍一下:

颜色 英语单词,16进制,hsl,rgb

尺寸单位 px,百分比 最小min-width,min-height,最大max-width,max-height,vw(浏览器的宽度的百分比) vh

color:文字颜色 

font-size:文字字号 可以设置百分比 倍数em(相对于父级) 倍数rem(相对于根元素)(一旦像素大于12时,就按照像素的大小乘以倍数,一旦小于12像素就按照12像素)

text-indent:首行缩进 (支持中文)使用em不需考虑文字的大小

font-weight:字重 500~900=bold加粗,bolder更粗(无效果,默认解析为bold)400=normal(正常状态)100~300lighter(更细)

font-style:斜体设置italic(斜体),normal(正常)

font-family字体设置,前面字体设置,可以设置多个字体,中间以逗号隔开,后面设置字体类型

line-height 文字居中

文字对齐text-align

letter-spacing 字符间距(字与字之间)单词不换行,中文自动换行

word-spacing 词间距 (不支持中文)

文字修饰 text-decoration:overline,line-through,underline

vertical-align 竖直方向