使用CSS样式的方式
1 HTML <!DOCTYPE>声明标签
1.1 定义和用法
<!DOCTYPE>声明必须是HTML文档的第一行，位于<html>标签之前。
<!DOCTYPE>声明不是HTML标签，它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
在HTML4.01中,<!DOCTYPE>声明引用DTD，因为HTML4.01基于SGML。
DTD规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5不基于SGML,所以不需要引用DTD.
1.2 各版本的声明
1.2.1 HTML5
<!DOCTYPE html>
<meta charset="utf-8">
1.2.2 HTML4.01
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
该DTD包含所有HTML元素和属性，包括展示性的和弃用的元素(比如font),不允许框架集(Framesets)。
<meta http-equiv=Content-Typw content="text/html;charset=utf-8">
1.3 注意的规则
单标即必须闭合，比如<br>必须写为<br/> <input/>
单属性必须添加属性值 <input type="radio" checked>必须写为<input type="radio" checked="checked"/>
标记和属性必须使用小写 <Body><BODY>是错的必须写为<body>
属性的属性值必须使用 在HTML4.01之前可以使用<body bgcolor=red>,HTML4.01必须写为<body bgcolor="red">
2 内链样式表
<body style="background-color:green;margin:0;padding;"></body>
3 嵌入样式表
<style type="text/css"></style>
需要将样式放在<head></head>中
4 引入式样式表
<link rel=StyleSheet"type="text/css"href="style.css">
本文转自 拉考的考拉 51CTO博客，原文链接:http://blog.51cto.com/lakaodekaola/1967839
