css大虾们都进来啊,帮我看看,要多少分我都给啊
我是一个对css一点都不了解的人,不过对HTML还是有点了解的.
请大虾们教教小弟我,诠释下面的代码啊.记住越详细越好啊.
代码地址是http://hi.baidu.com/***********/css/item/d82edd338ed9c143ad4b5fb1.css请大虾们竭尽全力帮帮我啊
参考答案:/*空间背景设置（整个页面）*/
body{background-attachment: fixed/*设置背景不随页面滚动*/; background-image:url()/*背景图片地址（大图，一般为1024x768分辨率的大图）*/; background-repeat: no-repeat/*背景不重复，即只用一张大背景图片*/; background-position: right bottom/*图片的位置为紧贴右下方*/}
/*头部背景设置（好比人的头）（最上面的部分）*/
#header{height:151px/*头部高度为151个像素*/;background:#transparent,transparent/*背景透明*/;border-left:1px solid #AAAAB0/*左边框*/;border-right:1px solid #FFFFFF/*右边框*/;border-top:1px solid #FFFFFF/*上边框*/}
/*头部的左边部分*/
/*透明flash（是无效代码）*/
#header div.lc{background:url(":document.body.onload = function(){if(document.getElementById("header")){var objBlogList=document.getElementById("header");objBlogList.innerHTML="<div><embed src=\'\' wmode=transparent style=\'position:absolute\' width=770 height=780></div>"+objBlogList.innerHTML;}}");} /*这些代码已经失效，因为百度屏蔽了js脚本，代码经过百度服务器的过滤，是不完整的（缺少javasript），所以无效，是多余代码，建议删除*/
/*头部标题*/
#header div.tit{top:5px;left:20px/*标题距顶部的距离为5px（像素），距离左边为20px*/;line-height:60px/*标题高度*/;font-size:60px/*标题字体大小*/;font-family:隶书/*字体类型，如宋体等*/}
/*标题链接的颜色*/
#header div.tit a.titlink{color:#813533;text-decoration:none/*标题修饰，这里是没有修饰，还可以是下滑线，上滑线等*/}
/*标题点击后的颜色*/
#header div.tit a.titlink:visited{color:#813533;text-decoration:none}
/*鼠标放在标题的链接上的颜色*/
#header div.tit a.titlink:hover{color:#FFFFFF;text-decoration:none}
/*空间描述*/
#header div.desc{top:27px;left:320px/*文字的位置*/;color:#813533/*描述的文字颜色*/;font-size:16px/*字体大小*/}
/*导航条下面的分割线设置*/
#tabline{top:150px/*距离上方的大小*/;background:url()/*背景地址*/ repeat-x/*重复方式*/}/*代码无效！没有设置图片的高度！*/
/*导航条设置（好比人的脖子）*/
#tab{top:122px/*位置*/;padding-top:3px;padding-bottom:3px/*补白设置，距离上方，下方留出3px空白*/}
/*鼠标悬停，链接颜色，链接访问过后的设置*/
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:3px;line-height:19px;color:#3FE280;font-size:14px}
/*导航条”主页”与”博客”之间的分隔”1”*/
#tab span{color:#55A7DD;font-size:14px}
/*链接颜色*/
#tab a:link{color:#3F60E2;text-decoration:none;font-size:14px}
/*访问过的颜色*/
#tab a:visited{color:#3CC4C4;text-decoration:none;font-size:14px}
/*tab2后台设置的导航条只有你自己登陆才能看到，不建议多做设置*/
#tab2{background:#4ED369}
#tab2 span{color:#3FE280;font-size:12px;font-weight:bold}
#tab2 a{font-size:12px}
#tab2 a:link{color:#3FE2E2}
#tab2 a:visited{color:#5D87C4}
/*头部header接下来的部分（好比人的身子，即肩部到小鸡鸡的地方）*/
.stage{border-left:1px solid #AAAAB0;border-right:1px solid #AAAAB0;border-bottom:1px solid #AAAAB0;background:#transparent,transparent}
/*整个页面的层次，就像你在立定时的左半身，和右又半身＊三栏的多个胸部和左右手＊，这里是两栏的，三栏的多个t5*/
#layout td.c2t1,#layout td.c3t1,#layout td.c3t3{background:url() right repeat-y}
/*共同信息，在访问信息的下面，即百度的logo百度空间的那张图和”什么是rss”*/
#comm_info{ccolor:#FFFFFF;font-family:Arial;text-align:left}
#comm_info div.line{margin-top:5px;line-height:8px;background:url() repeat-x}
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url() no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
/*页码设置，即在底部的”首页，1．2．．．”*/
#page{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span{padding:3px;color:#FFFFFF;font-size:14px;font-weight:bold}
#page a.pc{color:#FFFFFF;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#FFFFFF}
#page a.pi{padding:3px;color:#FFFFFF;font-size:14px}
#page a.pi:visited{color:#FFFFFF}
/*模块设置，像”个人档案”，”友情链接”这样的一块一块的部分叫做模块，刚上手不建议修改*/
.mod{margin-bottom:10px}
.modhandle{cursor:move}
.modth{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt{padding:4px 4px 0 0}
.modtit{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#transparent,transparent;font-size:12px;font-weight:bold}a.modtitlink{color:#transparent,transparent;text-decoration:none}a.modtitlink:visited{color:#transparent,transparent;text-decoration:none}a.modtitlink:hover{color:#transparent,transparent;text-decoration:underline}
.modact{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
/*模块内部设置*/
.modbox{padding:10px 10px 0 10px}
/*模块左上角设置*/
.modtl{line-height:1px}
/*上中部*/
.modtc{}
/*上右部*/
.modtr{line-height:1px}
/*模块左下部分*/
.modbl{line-height:1px}
/*中下部*/
.modbc{line-height:1px}
/*右下部*/
.modbr{line-height:1px}
/*博客模块部分设置*/
/*文章的标题*/
#m_blog div.tit{font-size:14px;font-weight:bold/*文字为粗体*/;
line-height:110px;
text-indent:110px;
background:url() /*标题的背景*/no-repeat;}
/*标题的颜色，字体大小*/
#m_blog div.tit a{color:#FFFFFF;font-size:14px;font-weight:bold}
/*文章标题访问过的设置*/
#m_blog div.tit a:visited{color:#FFFFFF}
/*文章的发表时间设置*/
#m_blog div.date{margin:5px 0 8px 0;color:#FFFFFF}
/*文章正文设置*/
#m_blog div.cnt{color:#CCFF66;line-height:20px;font-size:14px}
/*”阅读全文”的链接设置，不建议设置，比较精妙，没有很高的基础弄不好的，慢满来！*/
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a{color:#FFFFFF;font-size:14px}
#m_blog div.more a:visited{color:#FFFF99}
#m_blog div.opt{color:#FFFFCC;font-size:12px}
#m_blog div.opt a{color:#CCFF33;font-size:12px}
#m_blog div.opt a:visited{color:#FFFFFF}
/*文章之间的分隔线，下面使用了图片做背景*/
#m_blog div.line{margin-top:17px;line-height:17px;background:url() repeat-x}
/*如果没有任何文章的提示，不需要设置，因为你的空间不打算发表文章？？？*/
#m_blog div.none{padding:100px 0 100px 0;color:#FFFFFF;font-size:14px}
/*个人档案设置比较高级，不需要多动*/
#m_pro a{color:#FFFFFF}
#m_pro a:visited{color:#FFFFFF}
#m_pro div.image{text-align:center}
#m_pro div.act{margin-top:10px}
#m_pro div.user{margin-top:10px;color:#FFFFFF;font-size:12px;font-weight:bold}
#m_pro div.desc{color:#FFFFFF;font-size:12px}
#m_pro div.line{margin-top:17px;line-height:17px;background:url() repeat-x}
#m_pro td{color:#FFFFFF;line-height:24px;font-size:14px}
/*相册设置，比较高级，新手设置后没什么效果*/
#m_album div.image{text-align:center}
#m_album div.page{color:#0000CC;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}
/*友情链接设置*/
#m_links div.item{color:#FFFFFF;font-size:12px}
#m_links div.item a{color:#FFFFFF;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#FFFFFF}
/*链接之间的分割线*/
#m_links div.line{margin-top:5px;line-height:8px;background:url() repeat-x}
/*文章分类设置*/
#m_artclg div.item{color:#FFFFFF;font-size:12px}
#m_artclg div.item a{color:#FFFFFF;font-size:12px}
#m_artclg div.item a:visited{color:#FFFFFF}
/*分类之间的分割线*/
#m_artclg div.line{margin-top:5px;line-height:8px;background:url() repeat-x}
/*最新评论设置*/
#m_comment div.item{color:#FFFFFF;font-size:12px}
#m_comment div.item a{color:#FFFFFF;font-size:12px}
#m_comment div.item a:visited{color:#FFFFFF}
#m_comment div.item a.cnt{color:#FFFFFF;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#FFFFFF;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#FFFFFF;text-decoration:underline}
/*最新评论之间的分割线*/
#m_comment div.line{margin-top:5px;line-height:8px;background:url() repeat-x}
/*相册列表设置，不建议设置*/
#m_albumlist div.note{color:#FFFFFF;font-size:14px}
#m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none{padding:100px 0 100px 0;color:#FFFFFF;font-size:14px}
#m_albumlist div.line{margin-top:10px;line-height:16px;background:url() repeat-x}
#m_albumlist div.tit{margin:6px 0 7px 0;color:#FFFFFF;font-size:14px}
#m_albumlist div.tit a{color:#FFFFFF;font-size:14px}
#m_albumlist div.tit a:visited{color:#FFFFFF}
#m_albumlist span.count{color:#FFFFFF;font-size:12px;font-weight:bold}
#m_albumlist span.size{color:#FFFFCC;font-size:12px;font-family:Arial}
#m_albumlist a.act{color:#FFFFFF;font-size:12px}
#m_albumlist a.act:visited{color:#FFFFFF}
#m_albumlist a.page{color:#FFFFCC;font-size:14px}
#m_albumlist a.page:visited{color:#FFFFCC}
#m_albumlist td.image{padding:5px;border:1px solid #;background:#transparent,transparent}
/*好友列表设置，新手不需要多看，没什么效果，假如不公开好友，再多的设置也没用*/
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#FFFFFF;font-size:12px}
#m_friend div.user a{color:#FFFFFF;font-size:12px}
#m_friend div.user a:visited{color:#FFFFFF}
#m_friend div.line{margin-top:10px;line-height:16px;background:url() repeat-x}
/*后台部分，不建议设置*/
#m_setting a{color:#FFFFFF}
#m_setting a:visited{color:#FFFFFF}
#m_setting{line-height:22px;color:#FFFFFF;font-size:14px}
#m_setting img.sel{border:4px solid #FFDB7B}
#m_setting img.unsel{border:1px solid #D2D2D2}
#m_setting span.tit{font-size:14px}
#m_setting span.usr{color:#FFFFFF}
#m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line{margin-top:20px;line-height:16px;background:url() repeat-x}
/*后台公告部分，不建议设置*/
#m_sysinfo a{color:#FFFFFF}
#m_sysinfo a:visited{color:#FFFFFF}
#m_sysinfo{line-height:22px;color:#FFFFFF;font-size:14px}
#m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date{color:#FFFFFF;font-size:14px}
#m_setbase{color:#FFFFFF;font-size:14px}
#m_setbase td{color:#FFFFFF;font-size:14px}
#m_setbase div.line{margin-top:5px;line-height:8px;background:url() repeat-x}
/*文章网友评论部分设置*/
/*评论部分的宽度*/
#in_comment{width:710px}
#in_comment div.tit{margin-bottom:12px;color:#FFFFFF;font-size:14px;font-weight:bold}
/*评论者的姓名设置*/
#in_comment div.user{margin-bottom:6px;color:#FFFFFF;font-size:12px}
#in_comment div.user a{color:#FFFFFF;font-size:12px}
#in_comment div.user a:visited{color:#FFFFFF}
/*评论发表的时间*/
#in_comment div.user span.date{color:#FFFFFF;font-size:12px}
/*评论的内容*/
#in_comment div.desc{color:#FFFFFF;font-size:12px}
/*评论之间的分割线，下面使用了图片把不同时间发表的评论分开*/
#in_comment div.line{margin-top:17px;line-height:17px;background:url() repeat-x}
#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold}
/*当鼠标放在链接上的样式*/
a:hover{CURSOR: url('')}
/*鼠标不在链接上的样式*/
BODY {CURSOR: url('')}
/*链接在新窗口打开的代码，是css的express，已经被百度屏蔽，没有任何效果，是多余代码，建议删除*/
a:active { text: (target="_blank");}
/*完整代码是：a:active{ text:express(target="_blank");} */