前端学习(十)

字体的样式:

color:改变字体颜色;font-size并不是直接设字体大小,而是设置文字的框.font-family可以指定文字字体,但注意:如果该字体不同时支持汉英,则不支持的用默认.当font-family中采用多个字体,如果该文字不支持该字体,则使用下一个字体.(浏览器中使用的字体为计算机中储存的字体)

字体分类:

serif(衬线字体如:宋体)  sans-serif(非衬线字体 如:黑体) monospace (等宽字体 字框相同) cursive (草书字体) fantasy (虚幻字体) (注:这些字体是字体的集合,不是单独的字体,一般写最后,兜底用,效果不好,但具体表现看浏览器)

行间距:

在Css中并没有直接设置行间距的方式,但可以通过设置行高(line-height)间接设置行间距,行间距=行高-字体大小,line-height可以接收数值参数,以字体大小为比.对于单行文本,可以设置与父文本高度一致,可以居中.另外字体后也可指定:

结构:font:字体大小/行高 "字体"(注意,使用该格式,未指定参数,则会使用默认值)

文本样式:

text-transform(设置文本大小写),可接参数none:无处理,capitalizecase:单词首字母大写,uppercase:所有字母大写,lowercase:所有字母都小写,

text-decoration(设置文本装饰效果)可接参数none:无效果,underline:添加下划线,overline:添加下划线,line-through:删除线,

letter-spacing(设置字符间距),后接像素大小,    word-spacing(设置空格大小),text-align(设置文本对齐方式)参数:left,right,center,justify(双对齐),

text-indent(首行缩进)后可接参数 像素,em(一个当前字体大小)