下面图老师小编要向大家介绍下用标准件的方式来组装网页DIV布局,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!
【 tulaoshi.com - Web开发 】
有这样一个想法,不知道可行么例子:布局中的左栏,它的属性有:{居左,宽度,背景色,字体等等}如果把每个属性都做成一个标准件,然后这样组装起来使用class="float width height background font padding....",通过多个class的标准件的引用来完成页面布局样式先按需要定义好标准件如:float标准件.l{float:left}.r{float:right}.cl{clear:left}...width标准件.w200{width:200px}.w300{width:300px}...background标准件.red{background:red}.black{background:#000}.white{background:#fff}...根据需要引用class="l w200 red"牐劬幼螅宽度为200,背景红色]class="r w200 white" [居右,宽度为200,背景白色]我现在自己写代码,最多就2个class来定义一个布局样式,感觉很方便
来源:http://www.tulaoshi.com/n/20160219/1615401.html
看过《用标准件的方式来组装网页DIV布局》的人还看了以下文章 更多>>
如果您有什么好的建议或者疑问,可以联系我们。 商务合作QQ:3272218541;3282258740。商务合作微信:13319608704;13319603564。
加好友请备注机构名称。让我们一起学习、一起进步tulaoshi.com 版权所有 © 2019 All Rights Reserved. 湘ICP备19009391号-3
微信公众号