网页制作基础教程 牛永洁 延安大学计算机学院
网页制作基础教程 延安大学计算机学院 牛永洁
内容提要 ☆本章主要学习内容 豪 margIn 崇 padding m border
内容提要 ❖本章主要学习内容 margin padding border
理解金模型 p margin top borde p padding left left left ight margin, border i padding/ Content, padding: border margin bottom padding bottom border bottom margin
理解盒模型
Boxes tDisable, Cookies·css, Forms· Images.Information,国 Miscellaneous Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat Duis autem vel eum iriure border Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut content laoreet dolore magna aliquam erat volutpat Ut wisi enim ad minim veniam, quis nostrud exerci tation ddin commodo consequat Duis autem vel eum iriure 9 ullamcorper suscipit lobortis nist ut aliquip ex ea marain Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerc nonummy nibh euismod tincidunt ut laoreet dolore magna liquan tation ullamcorper suscipit lobortis nist ut aliquip ex ea commodo consequat. Duis autem vel eum iriure. Done
margin 5 padding ◆边距:可以控制一个元素每一边的边距。 令四个边距属性: margIn- right, margIn-left, margin -top marg in -bottom 令四个填充属性: padding-top; padding- right padding-bottom padding-left 令单位:px,em,%,其中px,em很常用 令快速设定: margIn:10p×5pX5pX10pX顺序为 上右下左-顺时针方向) 令如果设置边距的四个边一样: margIn:5pX
margin与padding ❖边距：可以控制一个元素每一边的边距。 ❖四个边距属性：margin-right, margin-left ， margin-top，margin-bottom： ❖四个填充属性：padding-top；padding-right； padding-bottom；padding-left。 ❖单位：px，em，%，其中px，em很常用 ❖快速设定：margin：10px 5px 5px 10px(顺序为： 上 右 下 左---顺时针方向) ❖如果设置边距的四个边一样：margin：5px