网页设计盒子边距（网页设计盒子之间的距离）
本文目录一览：
网页中的盒子模型内边距的设置
内边距处于父元素和子元素之间，设置在父元素上，可以理解成物品和盒子中间塞的那层泡沫塑料，使用padding属性。
box-sizing（盒子模型）：控制元素的盒子模型计算方式。可以设置为 content-box（默认，宽度和高度不包括边框和内边距）或 border-box（宽度和高度包括边框和内边距）。 display（显示方式）：控制元素的显示方式。
内边距（padding）外框（border）外边距（margin）box的宽高可以用 width和heigh t来设置 注意，width和height只是设置盒子内容区大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。
如果你希望使用IE盒子模型，可以通过设置CSS的box-sizing属性为border-box来实现。.element { box-sizing： border-box；} 这将使元素采用IE盒子模型，使元素的宽度和高度包括了内边距和边框。
html中根据盒子模型中可以看出来，文字和边框距离的属性是padding，也就是内部边距。
也可以这样简写 margin：4px 8px 6px； （上面外边距是4px 左右外边距是8px 下面外边距是6px）。内边距是padding，和margin是一样的用法。
盒子模型边框外边距
1、外边距指的是当前盒子与其他盒子之间的距离，他不会影响可见框的大小，而是会影响到盒子的位置。
2、取两个值中的较大者这种现象被称为相邻块元素垂直外边距的合并。解决方案： 尽量只给一个盒子添加 margin 值。
3、CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
CSS盒子模型的宽度和高度是如何设置的?
属性的4部分可以同时设置，也可以分别设置。 内容（content） 宽度width和高度height属性设置，对盒子内容大小的大小进行控制 内边距（padding） padding属性用于设置内边距。 是指边框与内容之间的距离。
通常我们设置的背景显示区域，就是内容、内边距、边框这一块范围。而外边距margin是透明的，不会遮挡周边的其他元素。
一般来说，这里说的宽度和高度指的都是上面图中inner edge的宽和高。而这两个属性最重要的一点就是它们不作用于inline的不可替代元素。
盒子模型有两种计算方式，区别在于盒子的width和height的值是怎么计算得到的。可以通过CSS的box-sizing来控制盒子模型的计算方式。
网页页面设置(调整页面大小、边距和方向)
1、点击右上角，有三个横图标，然后会出来一个下拉框。可以看到zoom这个词，点击旁边的-就可以设置界面大小了。当然也可以点击全屏设置，也是不错的效果。30浏览器的设置和百度不一样，和搜狗浏览器一样。
2、首先打开需要编辑的Word文档，进入到编辑的界面中。将光标定位在想要横向的页面的开头，然后点击页面设置右下角的图标，展开页面设置。在页面设置中把纸张方向设置成横向，然后在应用于中选择插入点之后。
3、打开word软件。导入或者新建需要调整的文稿。点击上方的布局选项卡。在布局选项卡界面下，点击页面设置右下角的按钮。根据自己的需求调整即可。预览整体页面大小，最后点击确定即可。
