font-family
1、 字体:font-family="";
当属性值是中文的时候,要用双引号包起来 :“ 微软雅黑”
当属性值为多个英文单词组成的时候,也要写在双引号里面: "Times New Roman"
当属性值是一个英文字体的时候,不用写在双引号里: Arial
注:英文字体对中文是不起作用的, 但是中文的字体对英文是起作用的。
font-family: arial,"微软雅黑";
当同时设置中文和英文字体的时候,应先写英文字体;
color
2、文本颜色属性:color:“”;
英文单词: red,yellow,blue,green
十六进制:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f
表示颜色是有6个值的; 也可以缩写成三位数值,当三组数值,没两组都同时相同的时候,才可以缩写;
三原色:
R G B
红 绿 蓝
# 00 00 00
# ff ff ff = #fff
# ff 00 00 = #f00
# ff ff 00 = #ff0
# fa ff ff = #faffff
注:当用十六进制表示颜色值时,需要在颜色值前加“#” 。
font-weight
3、文本加粗属性:font-weight:bolder(更粗的)/bold(加粗)/normal(常规)/100—900;**
注:bolder和bold 在浏览器显示的效果,在肉眼下是一样的粗细,我们建议用bold 常规加粗,避免有的浏览器显示bolder时,会有区别;
100 200 300 400 500 600 700 800 900 带表的等级,不用加单位,100代表粗细程度比较细的, 900 代表比较粗。
100-500 常规显示 400=normal
600-900 加粗显示 700 = bold
font-style
4、倾斜属性:font-style:italic/oblique/ normal(取消倾斜,常规显示);
text-align
5、水平对齐:text-align:left/right/center/justify(两端对齐中文不起作用)
text-decoration
6、文本修饰: text-decoration:"";
none:没有修饰
underline:添加下划线
overline:添加上划线
line-through:添加删除线
注:underline:添加下划线 overline:添加上划线、line-through:添加删除线 这三个属性值是可以同时存在的,用空格隔开,如:
text-decoration: underline overline line-through;
text-indent
7、首行缩进:text-indent:""; 属性值为数值型 ;
说明:首行缩进是可以写负值的;只针对第一行文本起作用;属性值单位em为字体设置大小,默认16px
word-spacing
8、字间距:word-spacing:"";属性值为数值型
说明: 其默认值 normal 与设置值为 0 是一样的。 word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近
letter-spacing
9、字母间距:letter-spacing:"";属性值为数值型
说明: letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。
与 word-spacing 属性一样,letter-spacing 属性的可取值包括所有长度。默认关键字是 normal(这与 letter-spacing:0 相同)。输入的长度值会使字母之间的间隔增加或减少指定的量。
10、字体复合写法:font: style weight size/line-height family
总结
属性描述
color设置文本颜色
direction设置文本方向。
line-height设置行高。
letter-spacing设置字符间距。
text-align对齐元素中的文本。
text-decoration向文本添加修饰。
text-indent缩进元素中文本的首行。
text-transform控制元素中的字母。
unicode-bidi设置文本方向。
white-space设置元素中空白的处理方式。
word-spacing设置字间距。
Like
Like
Love
Haha
Wow
Sad
Angry