和记怡情娱乐苹果下载_机器人论坛
我是这样来做DIV结构代码的.不知道说的清楚不清楚,凑和看吧
我把class分为2种,结构class,风格class,结构class是骨架,风格class是衣服
举个例子:
比如结构中的左栏
首先它的属性有:是左栏,宽度,背景颜色,字体颜色等
1.首先会定义一个class,比如:.layout,主要用来节制页面全部的大年夜小
.layout{width:98%;margin:0 auto;text-align:left;}
2.然后会定义3个基础结构Class(l,m,r)
.l{float:left}
.m{width:auto}
.r{float:right}
我把2栏结构也归类于3栏结构,由于3栏结构中,阁下栏的宽度分手为0的时和记怡情娱乐苹果下载刻,3栏就变成了2栏.
我们写基础结构代码的时刻,最好照样写成3栏款式.
3.对应结构Class,定义必要的风格Class,比如宽度,高度,背景颜色等等这些都属于风格元素
.class_l{background:#ff0;margin-right: -150px;width:150px;}
.class_m{background:#f00;margin:0 140px 0 150px;}
.class_r{background:#00f;margin-left: -140px;width:140px;}
结构class只有一套,风格class可以定义很多.比如,要中栏里面在做一个和记怡情娱乐苹果下载小的2栏结构就可以再定义一个风格class
.mid_l{ba和记怡情娱乐苹果下载ckground:#ff0;margin-right: -100px;width:100px;}
.mid_m{background:#f00;margin:0 0 0 100px;}
4.将结构class和风格class结合起来,在代码这样引用
将2个class都引用,中心用空格隔开,前面的是结构class,后面的是风格class,后面还可以继承空格引用,假如必要再特殊定义,你可以给这个div取一个id来定义.
其他的一些常用的风格class也可以写成通用的,比如隐含可以定义为
.hide{display:none}
然后必要的时刻,class="xxx hide"来引用,很方便.
下面是看我写的一个demo:
运行代码框
Left
Here
There
Right
Middle
H和记怡情娱乐苹果下载ere1
There1
[Ctrl+A 整个选择 提示:你可和记怡情娱乐苹果下载先改动部分代码,再按运行]