1.盒子模型是用于划分页面布局的重要方式,有三个属性概念:外边距(margin,可设置且多数设置为负值)、边框(border,处于内边框和外边框的中间)、内边框(padding,不可设置为负值,包围着HTML页面正文content),以上的值若无特别设置,均默认为0;
2.接上条,要设置这三个属性的值,可以一劳永逸——例如”h1 {padding:10px;}“(选择器+属性+单一值),系统会默认用存在值替换缺失值,若左边值(padding-left)缺失,就用存在的右边值(padding-right)来代替,上(padding-top)和下(padding-bottom)同理,也可以分别设置四边不同的值,依照上、右、下、左的顺时针结构,逗号隔开写入数值即可,例如”h2 {margin:1cm,0.5cm,1cm,0.5cm;}“,当然,简写成”h2 {margin:1cm,0.5cm;}“亦可。
3.边框主要设置的内容在于边框宽度(border-top-width设置单边宽度,border-width设置四边宽度)和边框样式”dashed(虚线)“、”solid(实线)“等;
4.在同一个HTML页面内,盒子与盒子之间的模块是默认合并的,即外边距一般情况下,以盒子2的外边距为盒子2与盒子1之间的距离;
5.练习截图
学习时间 35分钟
操作时间 24分钟
按键次数 1160次
实验次数 1次
报告字数 635字
是否完成 完成