关于CSS的问题,如何在原来的基础上修改?

来源:百度知道 编辑:UC知道 时间:2024/05/25 02:42:57
在CSS中我写了一个模块的格式,比如是box{height:80px;width:120px;color:red;border:1px solid green;font-size:12px}
可是在有个地方应用模块的时候,由于内容多一些,我想把高度调大一些,怎么办?
我不想单独为它再设一个模块。
那不就是重新又设立了一个模块吗?我不想这样子的

根据我的经验
如果你其他地方要用这个BOX的类,只是因为内容多一些,想把高度调大一些。可以不做任何定义。
因为css规则,
DIV定义width不是定义的绝对高度。如果里面内容超出width所定义的高度,那么先前定义的width会失效,实际width自动根据实际内容高度显示。

另外一个办法:
就是在做网站的时候要有充分的欲知能力。 在定义CSS的时候一定要把常变属性,和固定属性分开写。
如果我要是你,我的CSS 一开始就会这样写
.box{color:red;border:1px solid green;font-size:12px}
.box_h_w_a {height:80px;width:120px;}
调用的时候 class="box box_h_w_a "
当有特别的模块时候,直接定义一个新的.box_h_w_b 就可以了
这样减少很多代码 也是最常用最符合逻辑思维的办法
我见过很多高手都是这样用的。
当然对于你上面的这点点代码来说 这样方法不一定能体现出他的优点。
但是这种反法确实是目前 采用得最多的方法

复制这段代码,给box重新叫个名字,跳到你所要的高度就行了呀

楼上的意思就是说再为容器加一个样式 class="box classother"

常用的方法还有设置box的属性为mini-height:80px; mini-height IE6是不认识的 所以还得加一个height:80px 高度大于80px的时候 IE自动伸长的