web前端技能方法总结(css、js、jquery、html)(25)-阿里云开发者社区

开发者社区> Tobenumberone> 正文

web前端技能方法总结(css、js、jquery、html)(25)

简介: web前端技能方法总结(css、js、jquery、html)
+关注继续查看

10、相对布置

没有多少人在他们的设计中用到它。不像绝对布置和固定布置,相对布置的元素仍然是页面流中的一部分,不过在最后一刻,就在元素被显示之前,浏览器偏移它的位置。浏览器先把相对元素流到页面上,然后才把它偏移到要显示的地方。不过,不像绝对布置,相对布置被定义为相对于元素实际位置的偏移,而不是与最近包含的块绝对地平行。

无论你如何调整补白和边界,你还是不能把一个图像放到它所在盒子的外边。但用两行CSS就可以达到更好的效果。你可以用相对布置来让一个元素在流中越过自己的盒子,以便很好地显示,用补白和边界就做不到这点。

11、总结:流动布局是:当你扩大浏览器窗口时,页面内容也随之扩大来填满页面。

冻结布局是:内容的宽度是固定的,不随浏览器窗口的变化而扩大或缩小。这有一个优点是你可以更好地控制你的设计,但代价是不能有效地利用浏览器宽度。

凝胶物布局好似:内容区的宽度是固定的,但边界随着浏览器窗口的变化扩大或缩小。凝胶物布局通常用来把内容放在页面的中间。它跟冻结的布局有一样的优点,但总是要更引人注目一点。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Day6:ECS进阶班训练营学习总结
转眼训练营就要结营了,我在这里总结了本次培训学习到的知识点,以及一些学习体会。
298 0
总结CSS3新特性(Transition篇)
CSS 过渡(transition), 是 CSS3 规范的一部分, 用来控制 CSS 属性的变化速率。 可以让属性的变化过程持续一段时间,而不是立即生效。比如,将元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 transition 后,将按一个曲线速率变化。
677 0
总结CSS3新特性(颜色篇)
颜色: CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值; hsl(): hsl函数:h(色调),s(饱和度),l(亮度); 色调:为0-360之间的数值[经实验,可以为小数]; 饱和度与亮度:均为百分比; 下图截自http://www.
732 0
前端智能化 2020 年中总结和反思
与大家分享阿里前端在智能化方向上的实践和思考
2949 0
总结CSS3新特性(媒体查询篇)
CSS3的媒体查询是对CSS2媒体类型的扩展,完善; CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width,height,color等具有取值范围的属性; media query 与 media type 的区别在于: media query是一个值或一个范围...
744 0
好程序员web前端教程分享3种方法实现CSS隐藏滚动条并可以滚动内容
好程序员web前端教程分享3种方法实现CSS隐藏滚动条并可以滚动内容,隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。
1237 0
活动总结:阿里专家技术问答第二期,HTML5,我有话说!
1月26日推出的是第二期专家问答“HTML5,我有话说",由前端专家胡才俊(昵称:前道)来为大家解答在HTML5开发工作和学习中遇到难题,各位前端攻城狮们,请叫我雷锋!
7551 0
+关注
Tobenumberone
never say never~
42
文章
60
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载