Code
1 /* CSS Document */
2 body {
3 font-size:12px; font-family: "宋体"; width:980px;
4 text-align:center;
5 }
6 a{
7 color:#fff; text-decoration: none;;
8 }
9
10 a:hover {
11 COLOR:#FF0000; text-decoration:underline;
12 }
13 /*****Reset*****/
14 html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td
15 { margin: 0; padding: 0; }
16
17 li{list-style:none; overflow:hidden;}
18 .clear{
19 clear: both;
20 }
21 img{border:none;}
22 .l{float:left;}
23 .r{float:right;}
24 .banner{
25 clear: both; margin: 2px auto;
26 }
27 /*****Basic Elements*****/
28 #wrap{
29 width: 950px; margin: 2px auto; text-align: left; background: #434343; height: 200px;
30 }
31
32
33
34 /*****Generic Classes*****/
35 定义简单的风格，好像浮动的某一侧, 移除元素的下边距, 等
36 当然，它们大部分都与我们希望的语义不相关,但是它们是高效处理代码所必须的。
37
38 /*****Basic Layout*****/
39 定义基本的模板: header, footer等. 帮助定义网页布局的基本元素
40
41 /*****Header*****/
42 定义所有Hearder元素
43
44 /*****Content*****/
45 定义所有内容框内的元素
46
47 /*****Footer*****/
48 定义所有Footer的元素
49 /*****Etc*****/
50 定义其他的选择器。这个是html里的写法，省事了不少。每次都写那些无意义的代码，太浪费时间了
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="pope-ttaliang edit at 2009.xx.xx">
<meta name="keywords" content="">
<meta name="description" content="">
<script language="javascript" type="text/javascript" src="js/tabmenu.js"></script>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="wrap">
</div>
</body>
</html>
