DIV教程之网页制造教程:在IE7中的网页文本重影成绩

当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。
网页制造poluoluo文章简介：测试了局为当不得当地利用float:left/right;width:100%;display:none;CSS属性值及响应的HTML布局做组合，会激发在IE中的七种奇异成绩，此成绩在中文及英笔墨体均会呈现。
在做项目开辟时碰到了一个奇异征象“整段内容被重影”的成绩，一样平常来讲这类成绩在IE6中体现的对照多，但此次出人意表的是IE7也殃及在内。在早前互联网上就有分享过利用HTML正文会引发相似的笔墨倒影成绩，但此时的页面倒是没有任何正文～，延续地测试剖析成绩变得愈来愈风趣了…

测试了局为当不得当地利用float:left/right;width:100%;display:none;CSS属性值及响应的HTML布局做组合，会激发在IE中的七种奇异成绩，此成绩在中文及英笔墨体均会呈现。具体以下例：
浏览商定：
cont1是指：<pclass=”cont1&Prime;>ABCDEFG</p>
cont2是指：<pclass=”cont2&Prime;>1234567</p>
1、相称长度的文本消散

在IE6中，cont1与cont2字符长度不异时，文本会消散，且简单引发扫瞄器IE6溃散。

但改动扫瞄器窗口尺寸时内容会再次显现。
注重：测试了IECollection的：6.0.2900.5512.xpsp_sp2_qfe.090206-1239IC版本呈现此成绩
DEMO：http://blog.gulu77.com/demo/200908/float/a1.html



2、当扫瞄器宽度少于内容宽度文本会消散

在IE6中，当扫瞄器宽度少于内容宽度文本会消散，且简单引发扫瞄器溃散。
但改动扫瞄器窗口尺寸时内容会再次显现。
注重：测试了IECollection的：6.0.2900.5512.xpsp_sp2_qfe.090206-1239IC版本呈现此成绩
DEMO：http://blog.gulu77.com/demo/200908/float/a2.html



3、相称长度文本重影

在IE6中，cont2比cont1多出一个字符时，内容会被重映为相称长度的文本，且简单引发扫瞄器IE6溃散。
DEMO：http://blog.gulu77.com/demo/200908/float/b1.html



4、当扫瞄器宽度少于内容宽度文本会重影

在IE6中，cont2比cont1多出一个字符时,且扫瞄器宽度拉伸至小于内容宽度文本会完整重影。

此成绩与第三个对照在于一个不必要拉伸，一个必要拉伸。
DEMO：http://blog.gulu77.com/demo/200908/float/b2.html



5、文本的倒序重影

在IE6中，cont2比cont1多出两个字符或以上时文本会被倒序重影，且简单引发扫瞄器IE6溃散。
纪律为:重影字符数=cont1的字符数+1个字符数
DEMO：http://blog.gulu77.com/demo/200908/float/c1.html



6、内联元素引发的文本重影

在IE6中，浮动元素之间有不含内容的内联元素的标签（指内联标签或CSS摹拟的内联标签）后会引发文本重影。
纪律为:重影字符数=内联元素数目*2字符数&ndash;1个字符数
DEMO：http://blog.gulu77.com/demo/200908/float/d1.html



7、内联元素引发的IE6/7文本重影与消散

与第六的《内联元素引发的文本重影》相似，但在cont2前面增加了一个内联元素后会招致IE7也呈现重影BUG。
而内联元素相加超越cont2字符数时，IE7体现一般，IE6则体现为消散。
纪律为:重影字符数=<span>数目*2字符数&ndash;1个字符数
DEMO：http://blog.gulu77.com/demo/200908/float/e1.html

而内联元素相加超越cont2字符数时，IE7体现一般，IE6则体现为消散。
注重：测试了IECollection的：6.0.2900.5512.xpsp_sp2_qfe.090206-1239IC版本呈现此成绩
纪律为:重影字符数=<span>数目*2字符数&ndash;1个字符数
DEMO：http://blog.gulu77.com/demo/200908/float/e2.html



感谢Mr.Q供应的办理办法，很不错～给有成绩的元素加上position:relative能逐一对应办理成绩。
</p>
Table布局灵活性不大，你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

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