html5如何设置外边距，html div外边距

html5这个怎么做?布局如何?

块元素的代表标记 div 行内元素的代表标记 span ，行内标记不具备组织结构框架 9）网页布局分为：自然布局，浮动布局， 定位布局 10）当一个元素被定义为浮动显示时，即定义为块状元素。并且该元素就会收缩自身体积为最小状态。所以，应该有个好的习惯即把浮动元素设置高和宽。

图片宽高固定，这种情况很简单。水平居中：就在图片的css中加dispaly：block；margin：0auto；垂直居中：自己算出（p的高度-图片的高度）/2，得到margin-top值即可。图片高度未知，这个布局比较难实现。一般我是用js做的。

当然，如果就是习惯HTML5+CSS3放在一个文件里，也未尝不可，这里也只是建议。下面来具体实现图2-1。

保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。

假设设计图大小为1080px。这也就意味着，在开发时，需要兼容的最大分辨率为1080px，最小的为320px。

可以通过DIV来分块布局，然后通过CSS样式来调整大小，颜色等样式。

相关问答

Q1: html所有关于内边距外边距的标签属性

内边距padding的意思是：边框与内容之间的距离。外边距margin的意思是：边框与边框之间的距离。

padding属性：设置所有内边距属性。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。padding属性和padding-top，padding-bottom是不一样的。

同浏览器对HTML标记所具有的内外边距属性具有不同的定义。因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS代码：*{margin：0px；padding：0px；}借于此，所有标记的内外边距被统一起来。优先级问题对于同一标记属性所给定的值，有不同的优先级。

文字距离左边框的内边距：td{padding-left：20px}文字距离左边框的外边距：td{margin-left：20px；}td：是table data cell的缩写，HTML标签， 代表HTML表格中的一个单元格，td标签是成对出现的，以td开始，以/td结束。

网页的内边距属性是padding，当然也可以拆开来设置，padding-top padding-right padding-bottom padding-left 内边距可以设置具体的数值，也可以设置百分比。

Q2: html中div的外边距和内边距都是什么意思,怎么设置

1、对此，一种较好的解决方法是：将文字的行高设置与DIV一样时即可解决问题。内外边框合并问题通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。

2、设一个有两个div，一大一小，小的div在大的div里面，而小的div和大div直接的距离就叫外边距，用margin、margin-left、margin-right、margin-top、margin-bottom来设置距离，如margin：10px。而小div和小DIV里面的文字之间的距离就叫内边距，用padding来设置，如同margin一样。

3、先定义两个div，div里面分别有一段话。分别给两个div加上不同的背景色，方便看到div的位置。设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。

4、元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。提示：背景应用于由内容和内边距组成的区域。

5、问题二：html中div的外边距和内边距都是什么意思，怎么设置 如图哦 问题三：word页面设置里的内侧是指左边还是右边？ 你的纸张的页码范围设置为“普通”页（单页）以外的“对称页”或“拼页”等多页的吧。正常是没有内外侧的。取消多页页码，改选为“普通”页就行。

6、div居中可以用外边距margin属性来实现。

Q3: 两个内联元素水平排列时,两者之间的外边距是怎么计算的

1、如果需要紧挨着的内联元素较多，这种情况可以设置其父容器的font-size为0，再设置内联元素的字体大小。围绕在元素边框的空白区域是外边距。设置外边距会在du元素外创建额外的“空白”。设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。

2、可以使用CSS margin 属性，控制两个div的距离 定义和用法 margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明 这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。

3、设置上、右、下、左外边距：margin-top： 10px；margin-right： 20px；margin-bottom： 10px；margin-left： 20px；设置所有方向的外边距：margin： 10px 20px 10px 20px；上、右、下、左的顺序分别对应顺时针方向。

4、（1）首先我们放置三个盒子，颜色不同，宽高均为100px。（2）我们给中间的橙色盒子加上一个10px的上外边距，可以看到橘黄色的盒子向下移动了10px，上面多了一个上外边距。

关于html5如何设置外边距和html div外边距的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。