1.文本样式
a.字体大小:font-size
b.字体类型:font-family,先设置英文字体,后设置中文字体,用英文逗号隔开,中文用双引号 》》》》{Times,“楷体”}
c.字体风格:font-style,包括三种:normal标准字体样式 italic斜体字体样式 oblique倾斜的字体样式
italic和oblique效果很相似
d.字体的粗细:font-weight:normal标准的字体
bold粗体字体 bolder更粗的字体 lighter更细的字体
100、200、300、400、500、600、700、800、900定义由细到粗,400等同于normal,700等同于bold
2.排版网页文本
01. text-align设置元素水平对齐, 可以设置文本的左对齐-left,右对齐-right,居中对齐-center,两端对齐-justify
举例:text-align:right
02. text-indent设置首行文本的缩进,单位em(中文用得比较多)、px
举例:text-indent:2em-----首行缩进两字符
03. line-height设置文本的行高
04. text-decoration设置文本的装饰:none:默认值,定义的标准文本,没有下划线
underline设置文本的下划线
overline设置文本的上划线
line-through设置文本的删除线
05.vertical-align垂直对齐方式,通常用来设置文本与图片的居中对齐,属性值为middle,还有top、bottom等属性值
06.text-shadow设置文本阴影text-shadow:color(颜色) x轴位移(x-offset) y轴位移(y-offset)模糊半径(blur-radius)
x轴位移可以是正值也可以是负值。为正值则阴影在对象的右边,负值则在左边
y轴位移可以是正值也可以是负值。正值阴影在对象的底部,负值则在顶部
模糊半径:只能是正值,为0则不具有模糊效果。