📄 font.html
字号:
<html>
<head>
<title>文字样式属性</title>
</head>
<style type="text/css">
<!--
p.family{font-family:华文行楷，幼圆}
p.style{font-style:oblique}
p.variant{font-variant:small-caps}
p.weight{font-weight:700}
p.size{font-size:xx-small}
p.decoration{text-decoration:line-through}
p.transform{text-transform:lowercase}
-->
</style>
<body>
<table border=1>
<tr>
<td>
<p class=family>
李商隐：落花
</p>
</td>
<td>
<p class=style>字体：华文行楷</p>
</td>
</tr>
<tr>
<td>
<p class=style>高阁客竟去，小园花乱飞。</p>
</td>
<td>
<p class=style>字体效果：歪斜体</p>
</td>
</tr>
<tr>
<td>
<p class=variant>参差连曲陌，迢递送斜晖。</p>
</td>
<td>
<p class=variant>文字变体：small-caps</p>
</td>
</tr>
<tr>
<td>
<p class=weight>肠断未忍扫，眼穿仍欲归。</p>
</td>
<td>
<p class=weight>字体粗细：700</p>
</td>
</tr>
<tr>
<td>
<p class=size>芳心向春尽，所得是沾衣。</p>
</td>
<td>
<p class=size>文字大小：xx-small</p>
</td>
</tr>
<tr>
<td colspan=2>
<p class=decoration>文字中间加入删除线</p>
</td>
</tr>
<tr>
<td colspan=2>
<p class=transform>There is No Royal Road To Learing</p>
</td>
</tr>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -