仓酷云

标题: 带来一篇CSS结构实例代码:两列结构实例 [打印本页]

作者: 小女巫 时间: 2015-1-15 23:32
标题: 带来一篇CSS结构实例代码:两列结构实例
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
网页制造poluoluo文章简介：CSS两列结构，右边流动，左边自顺应宽度.
CSS两列结构，右边流动，左边自顺应宽度<divstyle="width:90%;margin:0auto;">
<divstyle="width:200px;float:right;">这是右边的内容</div>
<divstyle="margin-right:210px;">这是左边的内容，自顺应宽度</div>
</div>CSS两列结构，左边流动，右边自顺应宽度<divstyle="width:90%;margin:0auto;">
<divstyle="width:150px;float:left;>这是左边的内容流动宽度</div>
<divstyle="margin-left:160px;>两头内容，自顺应宽度</div>
</div>CSS三列结构，摆布宽度流动，两头自顺应宽度<divstyle="width:90%;margin:0auto;">
<divstyle="width:200px;float:right;>这是右边的内容流动宽度</div>
<divstyle="width:150px;float:left;>这是左边的内容流动宽度</div>
<divstyle="margin-left:160px;margin-right:210px;>两头内容，自顺应宽度</div>
</div>三列等高结构<style>
*{margin:0;padding:0}
#content{overflow:hidden}
#content#left,#content#center,#content#right{margin-bottom:-10000px;padding-bottom:10000px;width:300px;float:left;}
#content#left{background:#f00;}
#content#center{background:#0ff}
#content#right{background:#f0f}
</style>
<divid="content">
<pid="left">left<br/>left<br/>left<br/>left<br/>left<br/>left</p>
<pid="center">center</p>
<pid="right">right</p>
</div></p>
最新版本html5+css3与2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，该标准规范终于最终制定完成。

作者: 柔情似水 时间: 2015-1-17 23:10
使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。

作者: 山那边是海 时间: 2015-1-25 23:51
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 小妖女 时间: 2015-2-4 14:51
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

作者: 爱飞 时间: 2015-2-28 18:38
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 冷月葬花魂 时间: 2015-3-10 06:31
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 仓酷云 时间: 2015-3-17 05:38
可以使用 CSS 检查工具进行设计。

作者: 灵魂腐蚀 时间: 2015-3-23 23:04
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

欢迎光临仓酷云 (http://www.ckuyun.com/)