一、实验内容
用HTML+CSS实现如下页面,要求兼容主流浏览器,代码规范。
二、实验代码及成品
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>环球互联网产业园</title>
<link rel="stylesheet" href="css1.css">
</head>
<body>
<div class="all">
<div id="bg">
<div class="top">
<img class="logo" src="LOGO.png">
<!-- 先读取bar中的设置 再读取homePage中的设置 -->
<div class="bar homePage"><a>首页</a></div>
<div class="bar survey"><a>园区概况</a></div>
<div class="bar dynamic"><a>园区动态</a>
<div class="dynamicList" style="top: 22px">园区新闻</div>
<div class="dynamicList" style="top: 62px">产业动态</div>
<div class="dynamicList" style="top: 102px">园区公告</div>
<div class="dynamicList" style="top: 142px">工作简报</div>
</div>
<div class="bar attractInvestment"><a>招商引资</a></div>