background image

body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,form,input,textarea,p,th,td{margin:
0;padding:0;} /* 默认内边距和外边距设置为 0 */

caption,th{text-align:left;} /* 

 

默认对齐方式设置为左对齐

*/

img{border:0;} /* 

 

去掉带链接图片的边框线

*/

ul{display:block;} /* 

 

设置列表为块显示

*/

li{list-style:none;} /* 

 

去掉默认添加的项目符号

*/

table{border-collapse:collapse;border-spacing:0;} /* 去掉表格的内边框线和单元格

 

间隔

*/

body{font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#000;line-
height:12px;} /* 

 

设置文本字体

*/

a:link, a:visited{font-size:12px;text-decoration:none;font-family:Verdana, 
Geneva, sans-serif;color:#000;line-height:12px;} /* 

 

设置链接字体

*/

a:hover{text-decoration:underline;}

2.2

 

为元素赋予样式特征，尽量少用

ID 而用类来设定。

2.3

 

不用内联样式，全部样式通过外部文件引用，并且放在

<head>里面。

2.4

 

合理分类，如公共样式、首页样式、分类页样式、搜索页样式，需要时才引用。

2.5

 

 

模块化设定样式，一般规则是

".mod_name .class_column tag" (模块名+布局名

+元素名/类) ，如：

.header  头部

.header .left h1  头部左边的标题

.search .keyword  搜索栏的关键词输入框

.nav a  导航栏的链接

.mod_good  .good_name  产品模块的产品名