一些额
font-family设置字体系列
例如:
body{font-family:"宋体";}
font-size 设置字体大小
例如:
body{font-size:12px;}
font-weight设置字体粗细:
p span{font-weight:bold;} 像H1-H6或者strong标签都也可以设置粗体
font-style设置字体样式:
正常字体为normal,也是font-style的默认值。
italic为设置字体为斜体,用于字体本身就有倾斜的样式 oblique为设置倾斜的字体,强制将字体倾斜。
使用color设置字体颜色:
- 英文命令颜色
p{color:red;}
- RGB颜色
这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。
p{color:rgb(133,45,200);}
每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如:
p{color:rgb(20%,33%,25%);}
- 十六进制颜色
这种颜色设置方法是现在比较普遍使用的方法,其原理其实也是 RGB 设置,但是其每一项的值由 0-255 变成了十六进制 00-ff。
p{color:#00ffff;}
配色表:
text-decoration添加文本修饰
text-decoration可以设置添加到文本的修饰。
2、text-decoration默认值为none, 定义标准的文本。
3、text-decoration的值为underline为定义文本下的一条线。
4、text-decoration的值为overline为定义文本上的一条线。
5、text-decoration的值为line-through为定义穿过文本下的一条线,一般用于商品折扣价。
使用text-indent为文本添加首行缩进
p{text-indent:2em;}
line-height为文字设置行间间距
p{line-height:1.5em;}
letter/word-spacing:
letter-spacing:50px;
word-spacing:50px;
如果两个一起用就是这样子得
![]()
使用text-align设置文本对齐方式:
text-align:center/left/right;
长度值:
![]()
background: pink;(设置背景色)
background-color:只能设置背景颜色。