收藏

下载资源 加入VIP,免费下载

第1页 / 共15页

第2页 / 共15页

第3页 / 共15页

第4页 / 共15页

第5页 / 共15页

天气查询

• 乌鲁木齐   雷阵雨20℃-31℃
• 吐鲁番   多云转阴20℃-28℃
• 喀什   阵雨转多云25℃-32℃
• 库尔勒   阵雨转阴21℃-28℃
• 克拉玛依   雷阵雨26℃-30℃

今日推荐

• 喀纳斯河
• 布尔津
• 天山之路

• 吐鲁番－－库尔勒－－库车－－塔中－－和田－－喀什
• 乌鲁木齐－－天池－－克拉玛依－－乌伦古湖－－喀纳斯
• 乌鲁木齐－－奎屯－－乔尔玛－－那拉提－－巴音布鲁克
• 乌鲁木齐－－五彩城－－将军隔壁－－吉木萨尔

新疆地图

小吃推荐

• 17号抓饭
• 大盘鸡
• 五一夜市
• 水果

宾馆酒店

• 美丽华大饭店
• 海德大饭店
• 银都大饭店
• 鸿福大饭店
• 友好大饭店
• 棉麻宾馆
• 电信宾馆

艾萨克©版权所有

issacnewtonc@">issancewtonc@

CSS

body{

background-color:

#2286c6;

margin:

0px;

padding:

0px;

text-align:

center;

font-size:

12px;

font-family:

Arial,Helvetica,sans-serif;

}

#container{

position:

relative;

margin:

0pxauto0pxauto;

width:

780px;

text-align:

left;

}

divbr{

display:

none;

}

#globallink{

margin:

0px;padding:

0px;

}

#globallinkul{

list-style:

none;

padding:

0px;margin:

0px;

}

#globallinkli{

float:

left;

text-align:

center;

width:

78px;

}

#globallinka{

display:

block;

padding:

9px6px11px6px;

background:

url（images\button1.jpg）no-repeat;

margin:

0px;

}

#globallinka:

link,#globallinka:

visited{

color:

#004a87;

text-decoration:

underline;

}

#globallinka:

hover{

color:

#FFFFFF;

text-decoration:

underline;

background:

url（images\button1_bg.jpg）no-repeat;

}

#left{

float:

left;

width:

200px;

background-color:

#FFFFFF;

margin:

0px;

padding:

0px0px5px0px;

color:

#d8ecff;

}

#leftdiv{

background-color:

#5ea6eb;

margin:

0px5px0px5px;

}

#weather{

background:

url（images\weather.jpg）no-repeat-5px0px;

margin:

0px5px0px5px;

background-color:

#5ea6eb;

}

div#left#weatherh3{

font-size:

12px;

padding:

24px0px0px74px;

color:

#FFFFFF;

background:

none;

margin:

0px;

}

div#weatherul{

margin:

8px5px0px5px;

padding:

10px0px8px5px;

list-style:

none;

}

#weatherulli{

background:

url（images\icon1.gif）no-repeat0px6px;

padding:

1px0px0px10px;

}

#leftdivh3{

font-size:

12px;

padding:

4px0px2px15px;

color:

#003973;

margin:

0px0px5px0px;

background:

#bbddffurl（images\icon2.gif）no-repeat5px7px;

}

#today{

padding:

0px0px10px0px;

}

#todayul{

list-style:

none;

margin:

-5px0px0px0px;

padding:

0px;

}

#todayulli{

text-align:

center;

}

#todayulliimg{

border:

1pxsolid#FFFFFF;

margin:

8px0px0px0px;

}

#todayullia:

link,#todayullia:

visited{

color:

#d8ecff;

text-decoration:

none;

}

#todayullia:

hover{

color:

#FFFF00;

text-decoration:

underline;

}

#middle{

background-color:

#FFFFFF;

margin:

0px0px0px2px;

padding:

5px0px0px0px;

width:

400px;float:

left;

}

#middlediv{

margin-left:

5px;

margin-right:

5px;

position:

relative;

}

#middleh3{

margin:

0px;padding:

0px;

height:

41px;

}

#middleh3span{

display:

none;/*文字去掉，换成图片*/

}

#beauty{

margin:

15px0px0px0px;

padding:

0px;

}

#beautyh3{

background:

url（images\picture_h1.gif）no-repeat;

}

#beautyul,#routeul{

list-style:

none;

margin:

8px1px0px1px;

padding:

0px;

}

#beautyulli{

float:

left;

width:

97px;

text-align:

center;

}

#beautyulliimg{

border:

1pxsolid#4ab0ff;

}

#route{

clear:

both;margin:

0px;

padding:

5px0px15px0px;

}

#routeh3{

background:

url（images\route_h1.gif）no-repeat;

}

#routeulli{

padding:

3px0px0px30px;

background:

url（images\icon1.gif）no-repeat20px7px;

}

#routeullia:

link,#routeullia:

visited{

color:

#004e8a;

text-decoration:

none;

}

#routeullia:

hover{

color:

#000000;

text-decoration:

underline;

}

#right{

float:

left;

margin:

0px0px1px2px;

width:

176px;

background-color:

#FFFFFF;

color:

#d8ecff;

}

#rightdiv{

position:

relative;

margin-left:

5px;

margin-right:

5px;

background-color:

#5ea6eb;

}

#rightdivh3{

font-size:

12px;

padding:

4px0px2px15px;

color:

#003973;

margin:

0px0px5px0px;

background:

#bbddffurl（images\icon2.gif）no-repeat5px7px;

}

#map{

margin-top:

5px;

}

#mapp{

text-align:

center;

margin:

0px;

padding:

2px0px5px0px;

}

#mappimg{

border:

1pxsolid#FFFFFF;

}

#food{

padding-top:

10px;

}

#foodul,#lifeul{

list-style:

none;

padding:

0px0px10px0px;

margin:

10px10px0px10px;

}

#foodulli,#lifeulli{

background:

url（images\icon1.gif）no-repeat3px9px;

padding:

3px0px3px12px;

border-bottom:

1pxdashed#EEEEEE;

}

#foodullia:

link,#foodullia:

visited,#lifeullia:

link,#lifeullia:

visited{

color:

#d8ecff;

text-decoration:

none;

}

#foodullia:

hover,#lifeullia:

hover{

color:

#000000;

text-decoration:

none;

}

#life{

padding-top:

10px;

padding-bottom:

5px;

margin-bottom:

5px;

}

#footer{

background-color:

#FFFFFF;

margin:

1px0px0px0px;

clear:

both;

position:

relative;

padding:

1px0px1px0px;

}

#footerp{

text-align:

center;

padding:

0px;

margin:

4px5px4px5px;

background-color:

#5ea6eb;

}

#footerpa{

color:

#FFFFFF;

text-decoration:

none;

}

JS

无

三、效果图

四、调试过程

写了一个css文件，发现做的页面布局相当凌乱，各种调试也不行，突然发现素材文件夹中有个style.css，套用上去布局和要求的一样，于是引用了素材中的css代码，不过不知道为什么，用谷歌浏览器和IE8的时候天气查询、美景寻踪和线路精选的图标都不能显示出来，调试许久都没有头绪，在DreamwaverCS5的设计界面就显示正常

五、实验结论

1、实验结果图

2、实验心得体会

从中看出了css的重要性，就是不知道为何有些浏览器不兼容，也因此认识到自己的不足，还要继续努力