返回
div与table布局的使用

div与table布局的使用

ID：8815174

大小：257.50 KB

页数：5页

时间：2018-04-08

div与table布局的使用_第1页
div与table布局的使用_第2页
div与table布局的使用_第3页
div与table布局的使用_第4页
div与table布局的使用_第5页
资源描述：

《div与table布局的使用》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、DIV与TABLE布局的使用下面的代码表示三行三列的布局模式，没有用css来控制这些DIV。•源代码：•••TABLE布局••••••网页头部•••网页体部左边•

2、=yellow>网页体部中间•网页体部右边•••网页底部•••••下面用DIV布局显示相同的效果，上面的效果先用HTML标记设置好，然后使用CSS代码控制它，代码是用DIV加上样式属性布局。•源代码:•••DIV布局••

3、局-->•头部

••网页体右边
•网页体左边
•

4、ight:250px;float:left;background:yellow;">网页体中间

••网页底部•••在代码中用DIV表示，有的DIV被样式属性修饰，如高度、背景等，上面的方式占用代码比较多，有一种更好的方法，可把重复的样式表示成样式文件，再链接进来，本节中所提出的样式链接(以后会学到)在下面章节会具体讲解，代码中演示了提出样式到一个样式文件中的设置

5、。•在代码中，从

中提取了style的内容，用••••

7、">logo__网站图标

486像素广告••导航条••新闻右边的广告•新闻内容••网页底部••2、设置CSS修饰DIV效果用样式表修饰内容，样式表就是用CSS来控制HTML标记，使标记达到预定

8、的效果。在CSS代码中，添加css样式来控制选择符关系的DIV标记，层表现出的效果即为CSS的功能。•••如何用DIV布局••html,body{margin:0px;padding:0px;}•#header•{•width:778px;•margin:auto;•background:red;•border:1pxsolid#bbbbbb;

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。