给大家带来CSS制造网页履历:扫除网页浮动
不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。网页制造poluoluo文章简介：此时预览此代码，我们会发明最外层的父元素floatcontainer,并没有显现。
在举行浮动结构时，年夜多半人都深知，在需要的中央举行浮动清算：<divstyle=”clear:both;”></div>。
比方：
<divstyle=”background:#666;”>
<divstyle=”float:left;width:30%;height:40px;background:#EEE;“>SomeContent</div>
</div>
此时预览此代码，我们会发明最外层的父元素floatcontainer,并没有显现。这是由于子元素因举行了浮动，而离开了文档流，招致父元素的height为零。
若将代码修正为：
<divstyle=”background:#666;”>
<divstyle=”float:left;width:30%;height:40px;background:#EEE;“>SomeContent</div>
<divstyle=”clear:both”></div>
</div>
注重，多了一段清算浮动的代码。这是一种好的CSS代码习气，可是这类办法增添了无用的元素。这里有一种更好的办法，将HTML代码修正为：
<divclass=”clearfix”style=”background:#666;”>
<divstyle=”float:left;width:30%;height:40px;background:#EEE;“>SomeContent</div>
</div>
界说CSS类，举行“浮动清算”的把持：
Code:
.clearfix:after{
content:“.”;
clear:both;
height:0;
visibility:hidden;
display:block;
}
这是对Firefox举行的处置，由于Firefox撑持天生元素，而IE一切版本都不撑持天生元素
.clearfix{
display:inline-block;
}
/*这是对Mac上的IE扫瞄器举行的处置*/
*html.clearfix{height:1%;}
/*这是对win上的IE扫瞄器举行的处置*/
.clearfix{display:block;}
/*这是对display:inline-block;举行的修正，重置为区块元素*/
会发明即便子元素举行了浮动，父元素floatcontainer仍旧会将其包抄，举行高度自顺应。
clear元素的margin-top被重置为零
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称，中文译作“层叠样式表单”。 学Dreamweaver技术的过程其实是一个增加信心的过程。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。 由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
页:
[1]