主要知识点：
1、盒子在页面的显示=margin+border+padding+width/height
2、每个html元素都可以抽象为一个盒子
效果图：
参考：
Tips:You can change the code before run.
本文来自投稿，不代表125jz立场，如若转载，请注明出处：http://www.125jz.com/5529.html
微信扫一扫 
支付宝扫一扫
css布局基础：浮动和清除浮动练习2
上一篇
2020年4月4日 上午7:51
css布局基础：定位练习1
下一篇
2020年4月4日 上午8:22
99%的人还看了以下文章
-
网页制作实战项目八：川厨小巷
【时间要求】 2 学时（ 45 分钟× 2=90 分钟） 【上机内容】 川厨小巷 【上机目的】 1 、掌握网页布局的方法和技巧 2 、掌握行为的使用 3、掌握javascript(网页特效)的使用 4、培养团队意识和协作精神 【上机重点】 1 、网页布局 2 、javascript(网页特效)的使用 【上机难点】 javascript(网页特效)的使用 【上…
-
1秒学会两点透视绘图技巧
三点透视是一种绘图方法，一般用于超高层建筑，俯瞰图或仰视图。第三个消失点必须和画面保持垂直的主视线，必须使其和视角的二等分线保持一致。 (二点透视）就是把立方体画到画面上，立方体的四个面相对于画面倾斜成一定角度时，往纵深平行的直线产生了两个消失点。 建筑绘画的两点透视要比三点透视还要难以掌控，Anatoly Reza Pahlevi 为我们展示了他的独门绝技…
-
设计网站主页必须遵循的5点基本原则
一个好的网站是一个有效的销售工具，它能够吸引更多的网民的注意。就好像一篇好的文章或者广告，他必须首先引起读者的兴趣，然后引导他们去做出某种行为。因此，不能忽视网站主页面的重要性，否则，网站让浏览者会很快失去兴趣。这样的网站，有可能赢得很高的点击率，但却不能制造预期般的回应，更不用说让网民着迷，进入下一级页面了。 与此类似，一个成功的网站也有几点要素。下面是设…
-
网页设计技巧：3步提升网页品质
网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质，特别是活动或专题页面的视觉效果，请学习网页设计师必须知道的设计技巧：减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的，这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前，进行网页分区前所要做的信息消化。比如我们希望…
