在html中,用于设置字体格式的标记都有哪些

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在html中,用于设置字体格式的标记都有哪些相关的知识,希望对你有一定的参考价值。

语法:

font:[ [ <font-style> || <font-weight> ][ <font-size> <font-family> ]

默认值:看独立属性自身

取值:

<font-style>:
指定文本字体样式

<font-variant>:
指定文本是否为小型的大写字母

<font-weight>:
指定文本字体的粗细

<font-size>:
指定文本字体尺寸

<line-height>:
指定文本字体的行高

<font-family>:
指定文本使用某个字体或字体序列
这是一段修饰文字的代码:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>font_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com" />
<meta name="copyright" content="www.doyoe.com" />
<style>
.test pmargin:15px 0;border:1px solid #000;
.font1 pfont:18px Simsun,arial,sans-serif;
.font2 pfont:italic 18px Simsun,arial,sans-serif;
.font3 pfont:italic small-caps 18px Simsun,arial,sans-serif;
.font4 pfont:italic small-caps bold 18px Simsun,arial,sans-serif;
.font5 pfont:italic small-caps bold 18px/2 Simsun,arial,sans-serif;
.caption pfont:caption;
.icon pfont:icon;
.menu pfont:menu;
.message-box pfont:message-box;
.small-caption pfont:small-caption;
.status-bar pfont:status-bar;
</style>
</head>
<body>
<ul class="test">
<li class="font1">
<strong>只指定字体大小和字体:</strong>
<p>本段文字将显示为18px宋体。</p>
</li>
<li class="font2">
<strong>只指定字体样式、大小和字体:</strong>
<p>本段文字将显示为斜体的18px宋体。</p>
</li>
<li class="font3">
<strong>只指定字体样式、小型大写字母、大小和字体:</strong>
<p>本段文字将显示为斜体的带小型大写字母的18px宋体。大小型大写字母对比:AaBbCcDdEeFfGg</p>
</li>
<li class="font4">
<strong>只指定字体样式、小型大写字母、粗细、大小和字体:</strong>
<p>本段文字将显示为斜体的带小型大写字母的加粗18px宋体。</p>
</li>
<li class="font5">
<strong>只指定字体样式、小型大写字母、粗细、大小、行高和字体:</strong>
<p>本段文字将显示为行高为2的斜体的带小型大写字母的加粗18px宋体。</p>
</li>
<li class="caption">
<strong>指定字体为caption:</strong>
<p>本段文字将以caption的字体显示。</p>
</li>
<li class="icon">
<strong>指定字体为icon:</strong>
<p>本段文字将以icon的字体显示。</p>
</li>
<li class="menu">
<strong>指定字体为menu:</strong>
<p>本段文字将以menu的字体显示。</p>
</li>
<li class="message-box">
<strong>指定字体为message-box:</strong>
<p>本段文字将以message-box的字体显示。</p>
</li>
<li class="small-caption">
<strong>指定字体为small-caption:</strong>
<p>本段文字将以small-caption的字体显示。</p>
</li>
<li class="status-bar">
<strong>指定字体为status-bar:</strong>
<p>本段文字将以status-bar的字体显示。</p>
</li>
</ul>
</body>
</html>

复制上面这段代码编辑成.html格式文件用浏览器打开即可查看文字属性信息,如果没有编辑软件那就使用记事本编辑保存文件后缀为.html打开即可
参考技术A 自己去http://www.w3school.com.cn/ 看,这么懒。。。

在css中的字体属性中,字体大小属性的取值都有哪些,默认值是啥?

参考技术A 默认是宋体14.
一般是宋体12,黑体.

以上是关于在html中,用于设置字体格式的标记都有哪些的主要内容,如果未能解决你的问题,请参考以下文章

程序员必须知道的HTML常用代码都有哪些

文字格式都有哪些软件

HTML的标签属性都有哪些?

求高手点拨Java的“换行标记符”,都有哪些。

jsp都有哪些动作?作用分别是啥?

HTML5都有哪些新的表单属性