这才是写CSS代码

　2009-04-27 19:33:56　来源：WEB开发网　　　

核心提示：/*现在我用的，根据Dan's分享的版本修改的，这才是写CSS代码，经过简化并按格式写好了的*//*事实上这还不是最简的模板，看这个就知道了http://hi.baidu.com/nagato_yuki/CSS/item/af51f3de5971235494ee379b.css*/a,a:link,a:acti

/*现在我用的，根据Dan's分享的版本修改的，经过简化并按格式写好了的*/
/*事实上这还不是最简的模板，看这个就知道了http://hi.baidu.com/nagato_yuki/CSS/item/af51f3de5971235494ee379b.css*/

a,a:link,a:active,a.on,a.on:visited
{
color:#000000!important;
text-decoration:none
}

a:hover
{
text-decoration:underline
}

body
{
font-family:"微软雅黑",sans-serif;
background:url(http://hiphotos.baidu.com/ayudan24688/pic/item/4256bbefadc04dfbce1b3e07.jpg)
}

/*头部*/
#header
{
height:200px;
padding-left:120px;
background:url(http://hiphotos.baidu.com/ayudan24688/pic/item/d6ca82771cecae0eb151b93f.jpg) no-repeat center
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited
{
display:none
}

#header div.desc
{
top:125px;
left:500px;
color:#fff;
font-size:12px;
font-family:"微软雅黑",sans-serif
}

#tabline
{
display:none
}

#tab
{
left:150px;
top:170px;
background:none
}

#tab a:link,#tab a:hover
{
font-size:12px;
background-color:none;
text-decoration:none;
color:#000000!important
}

#tab a:visited,#tab a.on
{
font-size:12px;
background-color:none;
color:#FFFFFF!important
}

#tab span
{
display:none
}

.stage
{
text-align:center;
background:url(http://hiphotos.baidu.com/ayudan24688/pic/item/6e546254f8773740564e00d5.jpg) repeat-y center
}

.stagepad
{
width:740px;
margin:0 auto
}

#layout
{
table-layout:fixed;
width:740px;
margin:0 auto
}

#layout
{
margin-top:-10px
}

#layout td.c1t1,#layout td.c2t1,#layout td.c2t3,#layout td.c3t1,#layout td.c3t3,#layout td.c3t5
{
padding-top:10px
}

#layout td.c2t3
{
background-color:#f8f8f8
}

#layout td.c2t1
{
border-bottom:1px solid #808080
}

#layout td.c2t3
{
border-bottom:1px solid #808080
}

#layout td.c2t2
{
border-right:1px solid #f8f8f8;
border-bottom:1px solid #808080
}

#comm_info
{
color:#000;
font-family:"微软雅黑",sans-serif;
text-align:left
}

#comm_info div.line
{
margin-top:5px;
line-height:8px;
background:url(http://i.creativecommons.org/l/by-nc-sa/2.5/cn/88x31.png) no-repeat bottom;
padding-bottom:40px;
margin-bottom:10px
}

#page
{
height:30px;
font-size:14px;
font-family:"微软雅黑",sans-serif;
text-align:right
}

.mod
{
margin-bottom:10px
}

.modth
{
height:24px
}

.modhead
{
padding:4px4px04px
}

.modopt
{
padding:4px4px00
}

.modtit
{
color:#000;
font-size:12px;
font-family:"微软雅黑",sans-serif;
font-weight:bold
}

a.modtit
{
color:#000
}

a.modtit:visited
{
color:#000
}

.modtitlink
{
color:#000;
font-size:12px;
font-weight:bold
}

a.modtitlink
{
color:#000;
text-decoration:none
}

a.modtitlink:visited
{
color:#000;
text-decoration:none
}

a.modtitlink:hover
{
color:#000;
text-decoration:underline
}

.modact
{
color:#000;
font-size:12px;
font-family:"微软雅黑",sans-serif;
text-decoration:none
}

a.modact:link
{
color:#000
}

a.modact:visited
{
color:#000
}

a.modact:hover
{
color:#000;
;
text-decoration:underline
}

.modbox
{
padding:10px 10px 0 10px;
background-color:none
}

.modtl
{
background:none
}

.modtc
{
background:none
}

.modtr
{
background:none
}

.modbl
{
background:none
}

.modbc
{
background:none
}

.modbr
{
background:none
}

/*文章区域*/
#m_blog div.tit,#m_blog div.tit a,#m_blog div.tit a:visited,#m_blog div.tit a:hover
{
color:#000;
font-size:16px;
font-weight:bold;
font-family:"微软雅黑",sans-serif;
margin-bottom:20px
}

#m_blog div.cnt
{
color:#555;
line-height:26px;
font-size:13px;
font-family:"微软雅黑",sans-serif;
margin-bottom:20px
}

#m_blog div.cnt a,#m_blog div.cnt a:visited,#m_blog div.cnt a:hover
{
text-decoration:underline!important
}

#m_blog div.more,#m_blog div.more a,#m_blog div.more a:visited,#m_blog div.more a:hover
{
text-align:right;
margin-bottom:20px;
}

#m_blog div.opt,#m_blog div.opt a,#m_blog div.opt a:visited
{
font-size:12px;
text-decoration:none;
font-family:"微软雅黑",sans-serif;
text-align:right;
margin-bottom:20px;
}

#m_blog div.opt a:hover
{
text-decoration:underline
}

#m_blog div.line
{
margin-top:17px;
line-height:17px;
border-top:1px#000000dashed;
margin-bottom:20px
}

#m_blog div.none
{
padding:100px 0 100px 0;
color:#000;
font-size:14px
}

/*个人档案区域*/
#m_PRo a
{
font-family:"微软雅黑",sans-serif;
text-decoration:none
}

#m_pro a:visited
{
text-decoration:none
}

#m_pro a:hover
{
text-decoration:underline
}

#m_pro div.image
{
text-align:center
}

#m_pro div.act
{
margin-top:10px
}

#m_pro div.user
{
margin-top:10px;
color:#000;
font-size:12px;
font-weight:bold;
font-family:"微软雅黑",sans-serif
}

#m_pro div.desc
{
color:#666;
font-size:12px;
font-family:"微软雅黑",sans-serif
}

#m_pro div.line
{
margin-top:17px;
line-height:17px;
border-top:1px dotted #E4E2DA
}

#m_pro td
{
color:#666;
line-height:24px;
font-size:14px;
font-family:"微软雅黑",sans-serif;
}

#m_album div.image
{
text-align:center
}

#m_album div.page
{
color:#666;
font-size:12px;
text-align:center
}

#m_album div.pagea
{
color:#666;
font-size:12px
}

#m_album div.page a:visited
{
color:#666
}

#m_links div.item,#m_mylink1 div.item,#m_mylink2 div.item,#m_mylink3 div.item,#m_mylink4 div.item
{
color:#666;
font-size:12px;
font-family:"微软雅黑",sans-serif;
}

#m_links div.item a,#m_mylink1 div.item a,#m_mylink2 div.item a,#m_mylink3 div.item a,#m_mylink4 div.item a,#m_links div.item a:visited,#m_mylink1 div.item a:visited,#m_mylink2 div.item a:visited,#m_mylink3 div.item a:visited,#m_mylink4 div.item a:visited,#m_artclg div.item a,#m_artclg div.item a:visited,#m_filed div.item a,#m_filed div.item a:visited,#m_filed div.item a,#m_filed div.item a:visited,#m_comment div.item a,#m_comment div.item a:visited,#m_comment div.item a.cnt:hover,#m_cang div.item a,#m_cang div.item a:visited,#m_friblog div.item a,#m_friblog div.item a:visited,#m_friblog div.item a:visited,#m_friblog div.item a.cnt,#m_friblog div.item a.cnt:visited,#m_friblog div.item a.cnt:hover
{
font-size:12px;
font-weight:normal;
font-family:"微软雅黑",sans-serif;
text-decoration:none
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited,#tabline,#tabspan,#m_blog div.date,#m_comment_post div.toolbarstrip,#m_comment_post div.toolbaritem,#in_send div.toolbarstrip,#in_send div.toolbaritem,#mod_info,#m_comment_post,#m_mylink2 div.line,#m_mylink3 div.line,#mod_artclg div.line,#mod_filed div.line,#vercode,#yanzheng,#m_pro div.userinfo,#m_proa.btfan
{
background:#transparent;
display:none
}

#m_mylink2 div.item,#m_mylink3 div.item,#mod_artclg div.item,#mod_filed div.item
{
float:left;
height:20px;
padding:5px
}