📄 7.html

📁 《CSS完全使用详解》源文件下载书籍源码

💻 HTML

字号:

<html>
<head>
<title>CSS Demo</title>
<style>
body,table,tr,td { font-family: "Times New Roman", Times;
		font-size: 18pt; }
table { border-collapse: collapse; }
</style>
</head>

<body>
<table border="1" cellpadding="5">
<tr>
<th>关键字</th><th>效果</th>
</tr>
<tr style="font-weight: normal;">
<td>normal</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: bold;">
<td>bold</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: bolder;">
<td>bolder</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: lighter;">
<td>lighter</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 100;">
<td>100</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 200;">
<td>200</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 300;">
<td>300</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 400;">
<td>400</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 500;">
<td>500</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 600;">
<td>600</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 700;">
<td>700</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 800;">
<td>800</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
<tr style="font-weight: 900;">
<td>900</td><td>The quick brown fox jumps over a lazy dog.</td>
</tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -