字体的设置
(1)font-family------------------设置字体
例:font-family:黑体 font-family:隶书,楷书
(2)font-size-----------------设置字体的大小
例:font-size:绝对尺寸/关键字/相对尺寸/百分比
关键字:xx-small(极小),x-small(较小),smaller,small(小),medium(标准),large(大)
(3)font-style 设置字体的样式(设置字体是否为斜体字)
normal----正常显示字体
italic---斜体字
oblique--歪斜体(倾斜角度大一点)
(4)font-weight 设置字体的加粗
取值:
normal ---- 正常显示
bold ----粗体(数字700粗细值)
bolder ---加粗
lighter ---细体(比正常字体稍微细一点)
number ----数字型(一般整百设置,有9个级别(100----900)数字取值越大越粗)
(5)text-shadow设置字体的阴影
规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色:
text-shadow: 5px 5px 5px #FF0000;
(6)font-variant 设置字体的变体
设置字体是否显示为小型的大写字母
主要用于设置英文字体
normal --正常字体
small-caps 表示英文字母显示为小型的大写字母
颜色的设置
1、color
关键字 英文单词来设置颜色“red” 红色
RGB值 颜色码
2、设置背景颜色
background-color
3、background-image
设置背景图片
背景的设置
背景附件的设置
background-attachment
是指设置背景图片是否随着滚动条的移动而移动
scroll ---表示背景图片随着滚动条的移动而移动
fixed---表示背景图片固定在页面上不动,不随滚动条移动而移动
background-repeat
设置背景图片总是在水平和垂直方向重复显示铺平整个网页。
repeat 背景图片在水平和垂直方向平铺
repeat-x 背景图片在水平方向平铺
repeat-y 背景图片在垂直方向平铺
no-repeat 背景图片不平铺
背景图片的位置设置
background-position
关键字 百分比 位置说明