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怎么设置字体的详细内容,更多请关注其它相关文章!
上一篇: 如何实现html不显示下拉列表的箭头
下一篇: css如何设置行间距
推荐阅读
-
如何在td中控制字体右对齐 且加粗_html/css_WEB-ITnose
-
iOS15.4怎么设置口罩解锁 iOS15.4支持戴口罩解锁吗
-
外挂级神器!内置700+免费字体直接用的PS插件FontTea_html/css_WEB-ITnose
-
子DIV设置了外边距为什么父级也跟着下移了_html/css_WEB-ITnose
-
有人说基于成熟后的HTML5 移动web应用才是未来,因为省去了app移动应用在不同终端的开发时间。基于终端的移动应用也会走下舞台,各位怎么认为?
-
div设置margin:0 auto;后弹出框错位,求解!_html/css_WEB-ITnose
-
网页标题前面的logo怎么设置
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose
-
父元素设置overflow:hidden对定位元素也有效_html/css_WEB-ITnose
-
php后台怎么获取html上拉菜单的值,请大侠们帮忙