前端网页计高职高专.ppt

知识点： （三）CSS元素分类 1、块级元素 (display:block)每个块级元素都从新行开始，其后元 素也要另起一行开始，如div 2、内联元素 (display:inline)不需要在新行内显示，其后元素也不 必另起一行，如span 3、列表项 (display:list-item)和列表类似 块状元素与内联元素区别 块状元素 内联元素 最大区别：块状元素可以定义大小，即设置宽度、高度属性 知识点：(四)盒模型 (边距、填充距) left 内容宽度、边距、填充据、边框之间的关系，如下图所示： 知识点：(四)盒模型  (边距、填充距) 整个区域宽度？ =20+10+40+200+40+10+20=340px 边框默认样式为0(即不显示)； 填充距padding不可以 为负； 如果盒中为空，即使定义了宽度高度为100%，实际上只占0%，因此不会被显示。 left 任务实施 ：网页对象布局(文本/图像设计) 请根据“盒模型”规则，如图示使用DW在网页上设计一块区域： 内容宽度：600px 填充距：20px，左右一致 边框：10px，包括四周 边距：30px，左右一致 区域内容：文本和图像编辑各一 课后作业 完成