仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 948|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 带来一篇CSS结构实例代码:两列结构实例

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:32:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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:38 来自手机 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
山那边是海 该用户已被删除
板凳
发表于 2015-1-25 23:51:38 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
小妖女 该用户已被删除
地板
发表于 2015-2-4 14:51:59 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
爱飞 该用户已被删除
5#
发表于 2015-2-28 18:38:54 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
冷月葬花魂 该用户已被删除
6#
发表于 2015-3-10 06:31:08 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
7#
发表于 2015-3-17 05:38:55 | 只看该作者
可以使用 CSS 检查工具进行设计。
灵魂腐蚀 该用户已被删除
8#
发表于 2015-3-23 23:04:30 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 13:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表