首页前端开发JavaScripthtml怎么设置字体

html怎么设置字体

时间2024-01-29 14:11:02发布访客分类JavaScript浏览812
导读:收集整理的这篇文章主要介绍了html怎么设置字体,觉得挺不错的,现在分享给大家,也给大家做个参考。htML设置字体的方法:1、【font-VARiant】属性可以设定小型大写字母;2、【font-weight】属性设置文本的粗细;3、【fo...
收集整理的这篇文章主要介绍了html怎么设置字体,觉得挺不错的,现在分享给大家,也给大家做个参考。

htML设置字体的方法:1、【font-VARiant】属性可以设定小型大写字母;2、【font-weight】属性设置文本的粗细;3、【font-size】属性设置文本的大小。

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html设置字体的方法:

1、字体变形

font-variant 属性可以设定小型大写字母。

小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。

实例

p {
    font-variant:small-caps;
}
    

2、字体加粗

font-weight 属性设置文本的粗细。

使用 bold 关键字可以将文本设置为粗体。

关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。

如果将元素的加粗设置为 bolder,浏览器会设置比所继承值更粗的一个字体加粗。与此相反,关键词 lighter 会导致浏览器将加粗度下移而不是上移。

实例

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

3、字体大小

font-size 属性设置文本的大小。

有能力管理文本的大小在 web 设计领域很重要。但是,您不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落。

请始终使用正确的 HTML 标题,比如使用 h1> - h6> 来标记标题,使用 p> 来标记段落。

font-size 值可以是绝对或相对值。

相关学习推荐:html视频教程

以上就是html怎么设置字体的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: html怎么设置字体
本文地址: https://pptw.com/jishu/591183.html
如何显示隐藏Html元素 怎么隐藏html标签

游客 回复需填写必要信息