仓酷云

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

[DIV+CSS] DIV教程之CSS结构中自顺应高度的办理办法

[复制链接]
活着的死人 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:26:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
  这是div+CSS结构中常常会碰着的基本成绩,团体以为接纳背景图添补的办法,仍是对照复杂和实在可行的。最后的效果。
  CSS源代码:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="http://www.google-analytics.com/urchin.js"type="text/javascript"></script><scripttype="text/javascript">_uacct="UA-152060-1";urchinTracker();</script>        <title>DIV+CSS排版中自顺应高度的办理办法</title>        <styletype="text/css">        <!--        body{background:#EDEDED;font-size:70%;font-family:Arial,Helvetica,sans-serif;line-height:130%;color:#666666;margin:0;padding:0;text-align:center;        }#layout{width:760px;w/idth:740px;margin:10pxauto;border:solid10px#999999;border-bottom:solid9px#999999;background:url(http://www.forest53.com/tutorials/images/sbg.gif)#FFFFFFrepeat-yleft;text-align:left;        }#sidel{float:left;width:190px;        }#sider{float:right;width:540px;        }pre{padding:10px;margin:0;        }.clear{background:#999999;clear:both;height:1px;overflow:hidden;        }p{text-align:center;        }        -->        </style></head><body><divid="layout"><divid="sider"><pre>        body{background:#EDEDED;font-size:70%;font-family:Arial,Helvetica,sans-serif;line-height:130%;color:#666666;margin:0;padding:0;text-align:center;        }#layout{width:760px;w/idth:740px;margin:10pxauto;border:solid10px#999999;border-bottom:solid9px#999999;background:url(bg.gif)#FFFFFFrepeat-yleft;text-align:left;        }#sidel{float:left;width:190px;        }#sider{float:right;width:540px;        }pre{padding:10px;margin:0;        }.clear{background:#999999;clear:both;height:1px;overflow:hidden;        }</pre></div><divid="sidel"><pre>#sidel{float:left;width:190px;}        #sider{float:right;width:540px;}        pre{padding:10px;margin:0;}        .clear{background:#999999;clear:both;height:1px;overflow:hidden;}</pre></div><divclass="clear"></div></div><ahref="http://www.jztop.com/web/">前往网页陶吧</a></body></html>
</p>
Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
谁可相欹 该用户已被删除
沙发
发表于 2015-1-18 06:41:30 | 只看该作者
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
若相依 该用户已被删除
板凳
发表于 2015-1-25 23:17:55 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
金色的骷髅 该用户已被删除
地板
发表于 2015-2-4 13:39:59 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
不帅 该用户已被删除
5#
发表于 2015-2-10 01:05:33 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
小女巫 该用户已被删除
6#
发表于 2015-2-28 14:43:01 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
蒙在股里 该用户已被删除
7#
发表于 2015-3-10 00:32:15 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
深爱那片海 该用户已被删除
8#
发表于 2015-3-17 04:09:55 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
第二个灵魂 该用户已被删除
9#
发表于 2015-3-23 19:46:59 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-4-30 03:20

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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