快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

和记怡情娱乐苹果下载_机器人论坛



我是这样来做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 整个选择 提示:你可和记怡情娱乐苹果下载先改动部分代码,再按运行]

您可能还会对下面的文章感兴趣: