级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。
比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。
| 元素 | 演示 | 说明 |
<strong> |
这是一段加粗的文字 | <strong>...</strong> <b>在w3c新标准中已经不建议使用了 |
<u> |
这是一段下划线的文字 | <u>...</u> |
<em> |
这是一段斜体的文字 | <em>...</em> <i>在w3c新标准中已经不建议使用了 |
<del> |
不赞成使用。使用<del>代替。 | |
<sup> |
演示这是一段上标文字 | 定义上标字。 |
<sub> |
演示这是一段下标文字 | 定义下标字。 |
<small> |
演示这是一段小号文字 | 定义小号字。 |
<big> |
演示这是一段加大号文字 | 定义加大号字。 |
<blockquote>就可以轻松实现一段美观的引用。级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
<abbr>就可以轻松实现。ul
ol
<ul class="unstyled">
<ul class="circle">
<ul class="square">
<ul class="cjk">
body{ background:white;}
- body{
- background:white;
- font-size:13px;
- line-height:22px;
- }
<pre><ol><li>body{</li>
<li>background:white;</li>
<li>font-size:13px;</li>
<li>line-height:22px;</li>
<li>}</li>
</ol></pre>
- body{
- background:white;
- font-size:13px;
- line-height:22px;
- }
<pre><ol>
<li class="pink">body{</li>
<li>background:white;</li>
<li>font-size:13px;</li>
<li>line-height:22px;</li>
<li class="pink">}</li>
</ol></pre>
<table class="table bordered"> <tbody>
<tr>
<td>/</td>
<td> </td>
<td> </td>
</tr> </tbody> <tbody>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr> </tbody> <tfoot>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr> </tfoot>
</table>
<table border="0" class="table">
| / | ||||
class="table zebra"即可实现斑马表格| / | ||||
class="table bordered"即可实现带边框的表格| / | ||||
| selected | ||||
通过美化一些表单元素默认样式，例如文本框，按钮，下拉菜单等，让表单更美观。
通过placeholder属性来完成，文本框的默认值，鼠标点击消失，失去光标，默认值恢复的效果。（改效果在firefox浏览器下可见）
| 演示 | 代码 | 功能 |
| 默认 | <a class="button"> 或者 <input type="button" class="button"> |
默认按钮 |
| 黑色 | <a class="button black"> 或者... |
黑色的按钮 |
| 橙色 | <a class="button orange"> 或者... |
橙色按钮 |
| 红色 | <a class="button red"> 或者... |
红色按钮 |
| 蓝色 | <a class="button blue"> 或者... |
蓝色按钮 |
| 玫瑰红 | <a class="button rosy"> 或者... |
玫瑰红按钮 |
| 绿色 | <a class="button green"> 或者... |
绿色按钮 |
| 粉红 | <a class="button pink"> 或者... |
粉红按钮 |
| 黄色 | <a class="button yellow"> 或者... |
黄色按钮 |
| 圆角 | <a class="button black bigrounded"> 或者... |
圆角的按钮 |
| 适中号 | <a class="button black medium"> 或者... |
中等号按钮 |
| 小号 | <a class="button black small"> 或者... |
小号按钮 |