柔情似水 发表于 2015-1-15 23:21:53

来一发再论扫除浮动的空DIV办法

CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
网页制造poluoluo文章简介:再论扫除浮动的空DIV办法.
CSS利用浮动会形成结构的凌乱,一般扫除浮动的办法是,使用一个以下款式的空Div:
<divclass="clear"></div>.clear{clear:both;}更加优秀的CSS代码是:
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear{zoom:1;}这个办法今朝已普遍利用,淘宝、口碑,都是这类用法。经由过程after伪类:after和针对IE6的自力CSSHack来完成,完整兼容支流扫瞄器。
固然,这在经由过程CSS在元素以后追加"."其实不需要,由于还必要visibility来埋没失落它。经由过程优化,代码以下:
.clear:after{content:"020";display:block;height:0;clear:both;}.clear{zoom:1;}个中,020指在容器后增加空格,如许就制止利用visibility埋没可视性了。
别的,不保举利用空div的办法。单单为了扫除浮动而在布局优秀的HTML中拔出没有语义的容器,不免有些高耸。
</p>
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。

冷月葬花魂 发表于 2015-1-17 22:08:11

学Dreamweaver技术的过程其实是一个增加信心的过程。

简单生活 发表于 2015-1-31 19:44:05

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

金色的骷髅 发表于 2015-2-7 00:21:43

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

再见西城 发表于 2015-2-19 08:20:59

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

蒙在股里 发表于 2015-3-6 14:30:34

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

再现理想 发表于 2015-3-13 03:09:48

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.

海妖 发表于 2015-3-20 11:23:38

只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
页: [1]
查看完整版本: 来一发再论扫除浮动的空DIV办法