学前预备
<!DOCTYPE html> <html> <head> <title>标题</title> <meta charset="utf-8"> <meta name="keywords" content="关键字" /> <meta name="description" content="描述" /> <!-- 外部样式 HTML表单.css中的样式表 p{ font-size:12px; color:red; } 对应<p>标签 --> <link rel="stylesheet" type="text/css" href="HTML表单.css" /> <!-- 内部样式 对应<ol>标签 --> <style type="text/css"> ol{ font-size:12px; color:blue; } </style> </head> <body> <p>测试段落</p> <ol> <li>有序列表标签</li> <li>有序列表标签</li> <li>有序列表标签</li> </ol> <ul style="color:orange;font-size:12px"> <!--行内样式 ‘;‘分割--> <li>无序列表标签</li> <li>无序列表标签</li> <li>无序列表标签</li> </ul> </body> </html>
原文：http://www.cnblogs.com/liuguan/p/6010007.html