用标准件的方式来组装网页DIV布局

搁浅_忧桑

搁浅_忧桑

2016-02-19 17:31

下面图老师小编要向大家介绍下用标准件的方式来组装网页DIV布局,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!
有这样一个想法,不知道可行么例子:布局中的左栏,它的属性有:{居左,宽度,背景色,字体等等}如果把每个属性都做成一个标准件,然后这样组装起来使用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来定义一个布局样式,感觉很方便
展开更多 50%)
分享

猜你喜欢

用标准件的方式来组装网页DIV布局

Web开发
用标准件的方式来组装网页DIV布局

CAXA如何调出标准件

电脑网络
CAXA如何调出标准件

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

div css网页布局入门

Web开发
div css网页布局入门

DIV+CSS网页布局心得

Web开发
DIV+CSS网页布局心得

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

DIV+CSS网页布局入门

Web开发
DIV+CSS网页布局入门

DIV CSS常用的网页布局代码

Web开发
DIV CSS常用的网页布局代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Windows 7系统细致核心图形架构

Windows 7系统细致核心图形架构

一句代码得到SQL SERVER时间地函数

一句代码得到SQL SERVER时间地函数
下拉加载更多内容 ↓