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 定義簡單的風(fēng)格，好像浮動(dòng)的某一側(cè), 移除元素的下邊距, 等
36 當(dāng)然，它們大部分都與我們希望的語義不相關(guān),但是它們是高效處理代碼所必須的。
37
38 /*****Basic Layout*****/
39 定義基本的模板: header, footer等. 幫助定義網(wǎng)頁布局的基本元素
40
41 /*****Header*****/
42 定義所有Hearder元素
43
44 /*****Content*****/
45 定義所有內(nèi)容框內(nèi)的元素
46
47 /*****Footer*****/
48 定義所有Footer的元素
49 /*****Etc*****/
50 定義其他的選擇器。這個(gè)是html里的寫法，省事了不少。每次都寫那些無意義的代碼，太浪費(fèi)時(shí)間了
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>
Tag標(biāo)簽: web,簡化操作,css
