首页综合练习网站首的整体布局商品分类版块

网站布局时间:2021-02-12 阅读:()

掌握使用DIV+CSS页面布局的方法实现网站首页。

实验所需软件

Ultra Edit

实验内容

1练习——贵美首页的整体布局。

需求说明

重新实

现贵美

2、练习贵美商品分类版块。

需求说明在上一练习基础上根据提供的素材重新实现贵美左边的商品分类版块。如

图

1.2所示。

 1 实现页面HTML吉构

2实现CSS

1练习一一贵美首页的整体布局代码如下:<html>

<head>

<title>box</title>vstyle type="text/css">

★container

{width:980;margi n:0px auto;

实

验 }

内

容 #header

由

学 {

生

填 height:136px;

backgro un d:#ccc;

}

#ma in1

{float: left;height:300px;width:240px;backgro un d:gree n;

#mai n2

{float: left;height:300px;width:500px;backgro un d:blue;}

#mai n3{float:right;height:300px;width:240px;backgro un d:yel low;

}

#footer

{clear:both;height:136px;backgro un d-color:#ccc;}v/style>

</head>

<div id="header">header

</div>

<divid="mai n1">

商品分类cat

</div>

<divid="mai n2">

内容content 

</div>

<divid="mai n3">右侧sidebar  </div><d iv id="footer">footer

</div>

v/div>v/body><html>

运行结果如下:rjEsder

2、练习- -贵美商品分类版块代码如下:

<html>

<head>

#container{width:1000px;margi n:auto;

width:100%; height:136px;backgro un d:url(images/logo.jpg)

#sidebar{ width:20%;

#foote r{width:100%; height:100px; backgrou nd:#ccc;

}v/style>

</head>

<body>

<divclass="me nu">

<ul>

帮助中心</a>v/l i>

</ul>v/div>

</div>

展开全文

首页综合练习网站首的整体布局商品分类版块相关文档

如何低价香港服务器购买?有没有便宜的香港服务器推荐?

如何低价香港服务器购买?想要做一个个人博客，想用香港服务器，避免繁琐备案，性能不需要多高，只是记录一些日常而已，也没啥视频之类的东西，想问问各位大佬有没有低价的香港服务器推荐?香港距大陆近，相比美国服务器最大的优势在于延迟低，ping值低，但是带宽紧张，普遍都是1M，一般戏称其为“毛细血管”。同时价格普遍高，优质稳定的一般价格不菲。大厂云梯队阿里云、腾讯云两家都有香港服务器，要注意的是尽量不要选择...

青果云（590元/年)，美国vps洛杉矶CN2 GIA主机测评 1核1G 10M

青果网络QG.NET定位为高效多云管理服务商，已拥有工信部颁发的全网云计算/CDN/IDC/ISP/IP-VPN等多项资质，是CNNIC/APNIC联盟的成员之一，2019年荣获国家高薪技术企业、福建省省级高新技术企业双项荣誉。那么青果网络作为国内主流的IDC厂商之一，那么其旗下美国洛杉矶CN2 GIA线路云服务器到底怎么样？官方网站：https://www.qg.net/CPU内存系统盘流量宽带...

什么是BGP国际线路及BGP线路有哪些优势

我们在选择虚拟主机和云服务器的时候，是不是经常有看到有的线路是BGP线路，比如前几天有看到服务商有国际BGP线路和国内BGP线路。这个BGP线路和其他服务线路有什么不同呢？所谓的BGP线路机房，就是在不同的运营商之间通过技术手段时间各个网络的兼容速度最佳，但是IP地址还是一个。正常情况下，我们看到的某个服务商提供的IP地址，在电信和联通移动速度是不同的，有的电信速度不错，有的是移动速度好。但是如果...