美文网首页
前端学习(十)

前端学习(十)

作者: 永恒幻羽 | 来源:发表于2020-01-06 15:18 被阅读0次

    字体的样式:

    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(一个当前字体大小)

    相关文章

      网友评论

          本文标题:前端学习(十)

          本文链接:https://www.haomeiwen.com/subject/ojmhactx.html