梁小芳《css+div网页设计与制作》项目四.ppt

任务4.5 文字盒子属性设置(margin) html head title文字盒子例子/title style type=text/css p{ width:180px;border:2px solid #003366; padding:10px; background:#D1E9FF; margin:10px; text-indent:28px; font-size:13px; } /style/head body p网页上的任何网页元素都看成是CSS盒子，所以文字元素盒子同样具有CSS盒子的任何属性。/p/body/html 任务4.6 CSS盒子模型计算 6.1 一个CSS盒子实际宽度计算 一个CSS盒子实际宽度=左边界＋左边框＋左填充＋内容宽度＋右填充＋右边框＋右边界 6.2 块级元素之间的距离计算：取最大者 6.3 行内元素之间的距离计算：margin-right + margin-left 6.4 嵌套关系的距离计算：子块级元素离父块级元素距离为margin + padding 任务4.7 CSS盒子模型与DOM树关系应用 谢谢观赏 项目1 高职高专计算机教学改革新体系规划教材 Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo CSS+DIV 网页设计与制作 主 编 梁小芳 副主编 梁文