<div+cssページレイアウト授業ノート> 11ページレイアウトのWebサイトホームページデザイン例究極版（csdnホームページ模倣）_html/css

1. firstPage.html ファイル:
<span style="font-size:14px;"><!doctype html><html>	<head>		<meta http-equiv="Content-Type" content="text/html">		<title>			标准的页面布局首页		</title>		<link rel="stylesheet" type="text/css" href="style.css">		<link rel="stylesheet" type="text/css" href="content.css">	</head>	<body>		<div id="container">			<div id="header">					<div id="logo"> <!--!!是href, 不是herf!!! -->				<a class="logo_img" href="http://www.csdn.net/"><img src="logo.jpg"></a>				</div>				<div id="bar">					<a href="https://www.wilddog.com/"><img src="ad.jpg"></a>				</div>								<div id="nav">					<ul>						<li class="style_li"><a href="http://www.baidu.com">联系我们</a></li>						<div class="gap"></div>						<li class="style_li"><a href="http://www.baidu.com">联系我们</a></li>						<div class="gap"></div>						<li class="style_li"><a href="http://www.baidu.com">联系我们</a></li>						<div class="gap"></div>						<li class="style_li"><a href="http://www.baidu.com">联系我们</a></li>						<div class="gap"></div>						<li class="style_li"><a href="http://www.baidu.com">联系我们</a></li>						<div class="gap"></div>						<li class="style_li"><a href="http://www.baidu.com">联系我们</a></li>						<div class="gap"></div>						<li class="style_li"><a href="http://www.baidu.com">联系我们</a></li>						<div class="gap"></div>						<li class="style_li"><a href="http://www.baidu.com">联系我们</a></li>					</ul>				</div>			</div>			<div class="space">				</div>			<div id="content">				<div class="main">					<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>										<div class="space">						</div>										<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>				</div>				<div class="sidebar sidebar_1">					<div class="tit"><a href="">精品课程</div>					<div class="one_sidebar"><span class="dot">01 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">02 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">03 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">04 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">05 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">06 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">07 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">08 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">09 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">10 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">11 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">12 </span><a href="">操作系统---北京大学</a>					</div>					<div class="one_sidebar"><span class="dot">13 </span><a href="">操作系统---北京大学</a>					</div>								</div>				<div class="space">					</div>				<div class="ad"><a href="http://www.redocn.com"><img src="ad_1.jpg"></a></div>								<div class="space"></div>								<div class="main">					<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>										<div class="space">						</div>										<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>											</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>										<div class="space">						</div>										<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>				</div>								<div class="sidebar sidebar_2">					<div class="tit"><a href="">活动在线</a></div>											<div class="activity_1">						<div class="date_loc">2016/3/29         上海</div>														<div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div>					</div>					<div class="activity_2">						<div class="date_loc">2016/3/29         上海</div>													<div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div>					</div>					<div class="activity_1">						<div class="date_loc">2016/3/29         上海</div>													<div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN</a></div>					</div>					<div class="activity_2">						<div class="date_loc">2016/3/29         上海</div>													<div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div>					</div>					<div class="activity_1">						<div class="date_loc">2016/3/29         上海</div>													<div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div>					</div>					<div class="activity_2">						<div class="date_loc">2016/3/29         上海</div>													<div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div>					</div>				</div>				<div class="space">					</div>				<div class="ad"><img src="ad_2.jpg"></div>								<div class="space"></div>								<div class="main">					<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>										<div class="space">						</div>										<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>										<div class="space">						</div>										<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>				</div>				<div class="sidebar sidebar_2">					<div class="tit"><a href="">行业热点</a></div>					<div class="three_sidebar"><span class="dot">01 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">02 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">03 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">04 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">05 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">06 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">07 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">08 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">09 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>					<div class="three_sidebar"><span class="dot">10 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a>					</div>				</div>				<div class="space">					</div>				<div class="ad"><img src="ad_3.jpg"></div>								<div class="space">				</div>								<div class="main">					<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>										<div class="space">						</div>										<div class="main_left">						<div class="tit"><a href="">极客头条</a>						</div>						<div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>					<div class="main_right">						<div class="tit"><a href="">滚动</a>						</div>						<div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a>						</div>						<div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a>						</div>					</div>				</div>				<div class="sidebar sidebar_1">					<div class="tit"><a href="">下载专辑</a></div>					<div class="four_sidebar"><span class="dot">01 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">02 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">03 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">04 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">05 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">06 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">07 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">08 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">09 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">10 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">11 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">12 </span><a href="">Android项目源码用例</a>					</div>					<div class="four_sidebar"><span class="dot">13 </span><a href="">Android项目源码用例</a>					</div>									</div>			</div>			<div class="space">				</div>			<div id="bottomer">				<div class="bottom_tit"><a href="">核心技术类目</a>				</div>				<div class="bottom_gap"></div>				<div id="bottom_list">					<ul>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>												<li class="bottom_li"><a href="">Android</a></li>											<li class="bottom_li"><a href="">IOS</a></li>						<li class="bottom_li"><a href="">Hadoop</a></li>						<li class="bottom_li"><a href="">AWS</a></li>									<li class="bottom_li"><a href="">移动游戏</a></li>												<li class="bottom_li"><a href="">Java</a></li>											</ul>				</div>			</div>					</div>	</body></html></span>
ログイン後にコピー
2. style.css: レイアウトファイル
3.content.css: 特定のコンテンツスタイルファイル:
れー
4. ウェブサイトには写真が含まれています: