• 技术文章 >web前端 >css教程

    css中有哪些字体属性

    VV2020-11-30 17:00:14原创56

    css中的字体属性有:1、字体样式属性font-family;2、字体尺寸属性font-size;3、字体风格属性font-style;4、字体粗细属性font-weight;5、字体变形属性font-vatiant。

    css字体属性:

    (学习视频分享:css视频教程

    font-family 设置字体系列。

    h1 {font-family: Georgia;}

    font-size 设置字体的尺寸。

    h1 {font-size:60px;}
    h2 {font-size:40px;}
    p {font-size:14px;}

    font-style 设置字体风格。

    p.normal {font-style:normal;}
    p.italic {font-style:italic;}
    p.oblique {font-style:oblique;}

    font-variant 以小型大写字体或者正常字体显示文本。

    p {font-variant:small-caps;}

    font-weight 设置字体的粗细。

    p.normal {font-weight:normal;}
    p.thick {font-weight:bold;}
    p.thicker {font-weight:900;}

    其他属性还有:

    font-size-adjust 当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)

    font-stretch 对字体进行水平拉伸。(CSS2.1 已删除该属性。)

    相关推荐:CSS教程

    以上就是css中有哪些字体属性的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css 字体属性
    上一篇:如何只使用1个css属性来创建响应式网站? 下一篇:css中display:hidden和display:none有什么区别
    第14期线上培训班

    相关文章推荐

    • CSS字体属性_html/css_WEB-ITnose• 关于html字体属性控制,水平线,上下标,插入图片的详细介绍• 关于CSS3字体属性整理分析• 你必须要知道的俩个CSS字体属性

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网