常⽤的⽂本样式属性
常⽤的⽂本样式属性
color属性
color 属性可设置⽂本内容的前景⾊。color 属性主要可以⽤英语单词、⼗六进制、rgb()、rgba()等表⽰法。
英语单词表⽰法
fontweight属性bold仅仅⽤于学习时临时设置⼀下颜⾊，实际开发时基本不⽤这样的形式，因为追求精确。⽰例如下：
color: red;
⼗六进制表⽰法
⼗六进制表⽰法是所有设计软件中都通⽤的颜⾊表⽰法，设计师给我们的设计图上⾯标注的颜⾊，通常为⼗六进制表⽰。⽰例如下：color: #ff3366;
上⾯的ff就是⼗进制的255，每种颜⾊分量都是0~255的数字。
如果颜⾊值是#aabbcc的形式，可以简写为#abc，如#ff3366可以写为#f36。
⽐较常见的有⿊⾊是#000，⽩⾊是#fff，常见的灰⾊有#ccc、#333、 #2f2f2f等。
rgb() 表⽰法
颜⾊也可以⽤rgb()表⽰法来表⽰，如：
color: rgb(255, 0, 0);
rgba() 表⽰法
颜⾊也可以⽤rgba()表⽰法，相⽐rgb()表⽰法最后多了⼀个参数表⽰透明度，介于0到1之间，0表⽰纯透明，1表⽰纯实⼼。⽰例如下：color: rgba(255, 0, 0, .6);
font-size属性
font-size属性⽤来设置字号，单位通常为px。⽰例如下：
font-size: 22px;
⽹页⽂字正⽂字号通常是16px，浏览器最⼩⽀持10px字号。
font-weight属性
font-weight属性设置字体的粗细程度，通常就⽤normal和bold两个值。⽰例如下：
/* 加粗，与700等值 */
font-weight: bold;
/* 正常粗细，与400等值 */
font-weight: normal;
font-style属性
font-style属性设置字体的倾斜，⽰例如下：
⽰例意义
font-style: normal；取消倾斜，⽐如可以把天⽣倾斜的i、 em等标签设置为不倾斜
font-style: italic；设置为倾斜字体（常⽤）
⽰例意义
font-style: oblique；设置为倾斜字体（⽤常规字体模拟， 不常⽤）
text-decoration属性
text-decoration属性⽤于设置⽂本的修饰线外观的（下划线、删除线）。⽰例如下：
⽰例意义
text-decoration: none；没有修饰线
text-decoration: underline；下划线
text-decoration: line-through；删除线

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。