主要知识点：
1、盒子在页面的显示=margin+border+padding+width/height
2、每个html元素都可以抽象为一个盒子
效果图：
参考：
家电
- 冰箱
- 洗衣机
- 空调
洗护
- 洗衣液
- 牙膏
- 护发素
衣物
- 男装
- 女装
- 童装
本文来自投稿，不代表125jz立场，如若转载，请注明出处：http://www.125jz.com/5529.html
赞 (1)
微信扫一扫 
支付宝扫一扫
css布局基础：浮动和清除浮动练习2
上一篇
2020年4月4日 上午7:51
css布局基础：定位练习1
下一篇
2020年4月4日 上午8:22
99%的人还看了以下文章
-
如何提升设计价值——方法篇
设计≠艺术，设计从诞生之初就是为“解决问题”而存在。在体验设计场景，如果业务方是“需求提出者”，那产品经理和设计师就是从不同视角切入的“问题解决者”，而用户既是“需求源头”，又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.
-
左侧固定，右侧自适应布局的两种实现方法
左侧固定，右侧自适应布局效果图 很多页面，特别是网站后台管理页面，不少采用左右布局。本文讲解左侧固定，右侧自适应布局的两种实现方法。 左侧固定200px宽，右侧自适应，中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…
-
Div+CSS网页布局项目实战一（含设计图、HTML和CSS源文件）
网页的布局与规划 本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分： 1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片； 2、内容部分又可分为侧边栏、主体内容； 3、底部，包括一些版权信息。 有了以上的分析，我们就可以很容易的布局了，我们设计层如下图: 根据上图，我再画了一个实际的页面布局图，说明一下层的…
