zhenghhgz的博客

简介 最近温习一下HTML5+CSS3的一些特性，准备找个高仿的目标，最后选择了淘宝粉丝福利页面，因为这个页面包含的元素比较多。例如：头部品牌信息悬浮、商品属性、优惠券、商品类别等。 实现效果： 设计 如上图所示，页面共分为4个区域，分别为： 1、商品图片区 2、商品属性、优惠券区（包括：商品名称、价格、优惠情况等） 3、推荐商品列表区 4、浮动框 备注：最后优化代码将商品图片区和商品属性、优惠券区合并为一个。 代码实现 第一步：整体css样式编写 index.css * { padding: