html+js 实现天气,JS实现天气预报查询

样品展示

HTML

全国天气查询小应用

❄ 海为气象园 ❄

☀ ☁ ☂ ❄

城市|201X-XX-XX|星期X|---

今日温度：-----风力：-----风向：-----PM2.5：--

201X-XX-XX

星期X

--12-16℃

201X-XX-XX

星期X

--12-16℃

201X-XX-XX

星期X

--12-16℃

201X-XX-XX

星期X

--12-16℃

201X-XX-XX

星期X

-12-16℃

design and code by zsq

`在这里插入代码片`

CSS

body,div,h1,h2,h3,h4,h5,h6,input,header,main,ul,li,footer,p,span,section{

padding: 0;

margin: 0;

}

html,body{

height: 100%;

min-width: 960px;

}

body{

background: url(images/bg.jpg) no-repeat;

font-size: 14px;

font-family: "microsoft yahei";

-webkit-background-size: 100%;

background-size: 100%;

color: #222;

}

header{

height: 50px;

padding-left: 80px;

background: rgba(100, 100, 100, 0.6);

}

h1{

padding-right: 30px;

line-height: 50px;

font-size: