<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="description" content="腾讯网(www.QQ.com)是中国浏览量最大的中文门户网站，是腾讯公司推出的集新闻信息、互动社区、娱乐产品和基础服务为一体的大型综合门户网站。腾讯网服务于全球华人用户，致力成为最具传播力和互动性，权威、主流、时尚的互联网媒体平台。通过强大的实时新闻和全面深入的信息资讯服务，为中国数以亿计的互联网用户提供富有创意的网上新生活。" />
<title>腾讯首页</title>
<link rel="shortcut icon" href="http://mat1.gtimg.com/www/images/favicon.ico"/>
<script src="http://mat1.qq.com/js/speed_v1.9-min.js"></script><!--[if !IE]>|xGv00|8415e91ece979a7cbf039b2d7ebd6c28<![endif]-->
<style>
body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋体","Arial Narrow";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;}
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;}
.hr_6,.hr_10 {font-size:1px;line-height:1px;clear:both;}.hr_6 {height:6px;}.hr_10 {height:10px;}
/*迷你导航*/
#miniNav {height:22px;border-bottom:1px solid #e6e6e6;background:#f8f8f8;color:#a1a0a0;text-align:center;line-height:14px;}
#miniNav img {margin-bottom:4px;border:0;}
#miniNav div {width:950px;*width:950px;_width:956px;margin:0 auto;font-size:12px;padding-top:4px;font-family:"宋体","Arial Narrow";}
#miniNav span {display:block;float:right;}
#miniNav a {color:#a1a0a0;margin:0 3px;font-size:12px;text-decoration:none;padding:1px 3px 1px 3px;display:block;float:right;}
#miniNav a:hover {color:#fff;background:#929292;}
#miniNav .qq {font-family:Verdana;margin-top:-2px;}
/*顶部910导航*/
#TextNav a {margin:2px 0;padding:2px 5px 0px 5px;font-size:12px;font-family:"宋体","Arial Narrow";}
#TextNav a.lcnew {background:url(http://img1.qq.com/news/pics/9468/9468357.gif) no-repeat 31px -37px;}
#TextNav .expo_logo a{margin:0;padding:0;}
#TextNav a:hover {color:#fff;text-decoration:none;}
#TextNav a.lcnew:hover {color:#fff;background-image:url(http://img1.qq.com/news/pics/9468/9468357.gif);background-position:31px -37px;background-repeat:no-repeat;}
#TextNav .mblog{display:inline-block;padding-right:11px;background:url(http://mat1.gtimg.com/www/iskin960/mblog_blog_wb.png) right top no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari 3.0 and Opera 9 rules here */#TextNav *{font-family:宋体, STSong;}}
/*世博版导航*/
.expo_nav{width:960px;height:55px; margin:0 auto;}
.expo_nav div{ float:left;padding-top:7px; font-size:12px;line-height:22px;}
.expo_nav .b{margin-right:3px; font-weight:bold;}
.expo_nav .line{width:14px;height:55px;padding:0; background:url(http://mat1.qq.com/www/iskin/skin4/expo_line.gif) 7px -1px no-repeat;}
.expo_logo{width:121px;height:50px;padding:5px 5px 0 0; text-align:center;}
/*soso*/
#Soso {width:960px;height:78px;margin:0 auto;}
#Soso_Left {float:left;width:265px;margin:0 10px 0 0;padding:5px 0 0 25px;position:relative;}
#Soso_Left .weibobainian{position:absolute;display:none;width:60px;height:17px;top:9px;right:38px;}
#Wealth {width:170px;height:54px;margin-top:-9px;margin-left:-5px;padding-bottom:7px;line-height:18px;cursor:pointer;}
#Wealth *{line-height:18px;}
#Wealth h6 {padding-top:20px;font-size:13px;}
#Wealth span.img {display:block;float:left;padding-top:8px}
#Wealth p {float:left;margin:0;padding:0;}
#Wealth div {width:100px;font-size:12px;font-family:tahoma, 宋体;float:left;height:18px;overflow:hidden;}
/*皮肤列表*/
#Skin div{float:left;}
#SkinList{display:block;width:86px;height:11px;overflow:hidden;}
#Skin li{float:left;width:14px;height:11px;cursor:pointer;}
#def div,#s1 div,#s2 div,#s3 div,#s4 div,#s5 div,#s6 div,#s7 div,#s8 div,#s9 div,#sar div{background-image:url(http://mat1.gtimg.com/www/iskin09/skinbt.png);background-repeat:no-repeat;}
#def div{background-position:0 0;}
#s1 div{background-position:0 -11px;}
#s2 div{background-position:0 -22px;}
#s3 div{background-position:0 -33px;}
#s4 div{background-position:0 -44px;}
#s5 div{background-position:0 -55px;}
#s6 div{background-position:0 -66px;}
#s7 div{background-position:0 -77px;}
#s8 div{background-position:0 -88px;}
#s9 div{background-position:0 -99px;}
#sar{cursor:pointer;}
#sar div{background-position:-10px -110px;}
#sar div.s{background-position:0 -110px;}
/*soso输入框区域*/
/*soso输入框区域*/
#SosoArea{width:470px;padding:9px 0 0 0;float:left;}
#sosoFod{padding-left:14px;height:25px;}
#sosoFod h3{float:left;width:37px;height:26px;font-size:12px;font-weight:200;padding-left:10px;cursor:pointer;}
#sosoFod #sosoqzone {width:50px;padding-left:3px;}
#sosoFod #sosoqzone div{margin-top:-1px;font-size:12px;}
#SosoArea .w{width:404px;height:26px;margin-top:1px;}
#SosoArea .w input{width:335px;height:22px;margin-right:6px;padding:4px 0 0 3px;border:0;line-height:18px;font-size:14px;background:none;}
#SosoArea input.bot{border:0;width:66px;height:28px;padding-top:2px;}
#SosoArea table{line-height:17px;}
#SosoArea table a{color:#fff;}
#SosoAd{float:left;}
#sosoLogo {position:absolute;margin:28px 0 0 344px;}
.more{position:absolute;background:#fff;margin:-2px 0 0 -5px!important;margin:16px 0 0 -46px;z-index:10000;border:1px solid #B2D0EA;}
.more a{width:55px;display:block;padding-left:5px;}
.more ul{list-style-type:none;margin:0;padding:0;}
.more li{line-height:24px;list-style-type:none;margin:0;padding:0;text-align:left;}
.more li a,.more li a:visited{color:#3B5995;text-decoration:none;font-size:12px;}
.more li a:hover{background:#D6E9F8;color:#3B5995;text-decoration:none;font-size:12px;}
/*内容部分通用class*/
.cArea{width:960px;margin:0 auto;clear:both;z-index:1;}
.txArea{width:764px;float:left;}
.resArea{width:346px;float:left;}
.proArea{width:409px;float:right;}
.adArea{width:186px;float:right}
.adMArea{clear:both;padding-top:10px;}
.imgArea{height:108px;background:url(http://mat1.gtimg.com/www/iskin960/s01/skin_1.0.0.png) 0 107px no-repeat;}
.imgRArea,.imgRArea1{float:left;padding-top:4px;}
.imgLAreapic{float:left; width:128px;height:100px;padding-top:2px;text-align:center;}
.imgLAreapic img{width:115px;height:70px;border:#dddddd 1px solid;margin-bottom:2px;}
.imgLAreapic a.t{display:block;width:117px;height:21px;margin:0 auto;font-size:12px;color:#333;line-height:20px; background:#f1f1f1;}
.textArea{padding:4px 0 0 0;line-height:23px;clear:both;}
.res_b,.pro_b,.pro_b_c{height:2px;}
.dotline{font:0;line-height:0;height:1px;background:url(http://mat1.gtimg.com/www/iskin960/s01/skin_1.0.0.png) top repeat-x;clear:both;}
.vico{padding-right:21px;background:url(http://mat1.gtimg.com/www/iskin09/vico1.png) right center no-repeat;}
.djico{padding-right:28px;background:url(http://mat1.gtimg.com/www/iskin960/worldcup/djico1.png) right center no-repeat;}
.zbico{padding-right:28px;background:url(http://mat1.gtimg.com/www/iskin960/worldcup/zbico1.png) right center no-repeat;}
.jkico{padding-left:16px;color:#bd0a01;background:url(http://mat1.qq.com/www/images/allskin/oneheart.gif) left center no-repeat;}
.lico_Sports{padding-left:28px;background:url(http://m
Web前端学习示例，教你如何做出漂亮的HTML页面
4星 · 超过85%的资源 需积分: 50 14 浏览量
2011-03-08
10:50:07
上传
评论 2
收藏 6.22MB RAR 举报 
Web前端学习示例.rar （7个子文件） 
Web前端学习示例 
liquidity_graph.zip 59KB solitude.zip 2.62MB
QQhome.html 198KB aquatic.zip 77KB
tableUI.rar 51KB projection.zip 3.22MB template_1534.zip 186KB
- 1
- 2
前往页