跟着门户学css 1 qq.com 全局定义

先看看qq的css吧。

首先是一些 标准定义，主要是去除各个地方的margin padding的。直接照抄就可以。

body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋体","Arial Narrow",HELVETICA;background:#fff;}

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}input,select{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}

然后定义一些对齐的类。这个应该不陌生了吧。

.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}.dis{display:block;}.undis{display:none;}.fl{float:left;}.fr{float:right;}.cl{clear:both;}

下面是一些粗体的定义

.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}.fc30 {color:#303030;font-family:"宋体", "Arial Narrow";}.fchot{color:#ff0700}.f11{font-size:12px;font-family:tahoma;}

fb 粗体，

fnb这个我看了下，是个修正，我们应该用不到。

fc30其实就是把颜色改成灰色#303030，

fchot把颜色改成红色，但我在首页没看到用处

f11 这个用处应该不带，就是强制设置字号字体。

再往下是链接和h3 h4的定义，这个直接照抄

a {color:#00007F;text-decoration:none;}a:hover {color:#bd0a01;text-decoration:underline;}

h3 {font-size:14px;}h4 {font-size:14px;font-weight:normal;text-align:center;cursor:pointer;overflow:hidden;}h4 a {width:100%;height:100%;display:block;}

a.lcblue {color:#0F479C;}.lchot,a.lchot {color:#bd0a01;}.black,a.black {color:#000;}

可以看到 其实h3 h4的字号是一样的，区别是，h4中的链接是block级别且高宽都是100%的，就是一行中只允许写一个链接，

接下来定义了几个链接的颜色 

再往下，定义了两种间距

.hr_6,.hr_10 {font-size:1px;line-height:1px;clear:both;}.hr_6 {height:6px;}.hr_10 {height:10px;}

高度分别是6,10并且带有清除float的作用，这个很有用，一定要抄

以上就是qq.com 的css的全部内容，再往下就是 各个区块的内容了。下回分解