等是常见的行内(inline)元素标签每一个块级元素都定义了一个盒子。
与
没有特殊的语义,多用于页面布局与排版,因此是网页布局设计中打交道最多的两个标签。
27
Demo:ShowBox.htm
div{border-width:6px;border-color:#000000;margin:20px;/*盒子间距*/padding:5px;/*内容与边界距离*/background-color:#FFFFCC;border-style:dashed;}
要点:通过设定盒子的边框和线型可以在页面上清晰地显示出盒子所占用的页面区域。
28
div{border-color:RedGreen;border-width:1px2px3px;border-style:dotteddashedsoliddouble;}属性值个数23说明第1个值表示上下边框的属性第2个值表示左右边框的属性第1个值表示上边框的属性第2个值表示左右边框的属性第3个值表示下边框的属性依次表示上、右、下、左边框的属性(成顺时针方向)
29
4
默认情况下的布局方式
默认情况下,浏览器新起一行显示块元素,而在同一行显示行内元素,这种方式被称为“标准流式布局”。
32
Demo:InlineMargin.htm
行内元素之间的左右距离=左元素的右边距+右元素的左边距行内元素之间的左右距离=左元素的右边距右元素的左边距
33
Demo:BlockMargin.htm
两块之间的上下间距=两块之间的上下间距=max{上一个块元素的下边距,下一个块元素的上边距上一个块元素的下边距,上一个块元素的下边距下一个块元素的上边距}
-
相关文章
-
最新文件
关于网学 |
万能工具 |
在线交流 |
会员中心 |
查询论文 |
招聘说明 |
精品资源 |
专题论文 |
会员中心 |
联系方式 |
下载目录
论文目录
Copyright 2005-2018 www.myeducs.cn All Rights Reserved 版权所有·网学网 提供大量原创论文 参考论文 论文资料 源代码 管理及投稿 E_mail:3710167@qq.com
郑重声明: 本网站论文均来自互联网,由本站会员上传或下载,仅供个人交流、学习、参考之用,版权归原作者所有
请下载完后24小时之内删除,任何人不得大幅抄录、在期刊上发表或作为商业之用。如涉及版权纠纷,本网站不承担任何法律及连带责任。