块级元素水平和垂直方向居中的方法一共三种 1.先设置块级元素的宽高，然后利用定位和外边距将元素在水平和垂直方向上居中 示例： <style> .father{ width: 100%; height: 500px; position: relative; } .son{ width: 100px; ...
分类：
其他好文 时间：
2019-12-22 18:26:16
阅读次数：
79
一、内边距属性1.定义：边框和内容之间的距离就是内边距2.分开写padding-top:数字px；padding-left:数字px；padding-bottom:数字px；padding-right:数字px；3.连写：padding：上右下左；4.注意点：（1）给标签设置内边距之后，标签占有的宽度和高度会发生变化（2）内边距也会有背景颜色web前端开发学习Q-q-u-n：⑦⑧④-⑦⑧③-零①②
分类：
Web程序 时间：
2019-12-21 23:06:11
阅读次数：
321
一、在默认布局的垂直方向上，默认情况下外边距是是不会叠加的，会出现合并现象，谁的外边距较大，就听谁的；但是在水平方向就不会出现这种状况，我们举个例子span{display:inline-block;width:100px;height:100px;border:1pxsolidred;}div{width:100px;height:100px;border:1pxsolidgreen;}/*我们
分类：
Web程序 时间：
2019-12-21 23:05:10
阅读次数：
187
盒模型（内容（content）,内边距（padding）,边框（border）,外边距（margin）） 这里做个比喻：content:比喻在网上买了几个鸡蛋； padding：比喻快递员包装鸡蛋用的防撞纸的距离，把鸡蛋牢牢的包裹起来，以免碰撞； border:外面使用包装箱的厚度； margin: ...
分类：
其他好文 时间：
2019-12-21 19:03:07
阅读次数：
78
https://www.jianshu.com/p/0d713b32cd0d 博客了说了两点，还有一点是解决父子盒子上外边距合并的问题，给父盒子加一个overflow:hidden, 形成一个封闭的区域，子盒子的外边距就不会传递出去，去影响父盒子了。 ...
分类：
其他好文 时间：
2019-12-18 10:51:27
阅读次数：
70
盒子的组成： 外边距：margin 一个元素与另一个元素的距离 边框：border 内边距：padding 内容：content 标准盒：总宽度=width+左右内边距+左右边框 总高度=height+上下内边距+上下内边距 IE盒：box-sizing:border-box; 设置的宽高是总的宽高 ...
分类：
其他好文 时间：
2019-12-16 22:09:16
阅读次数：
91
盒子模型（下面这个图片会比较清晰的展现各边距的含义）： 元素框最内层就是元素的展现层也就是元素的实际内容，包在元素层的就是内边距(padding填充的意思)，内边距能够呈现元素背景。内边距的边缘是边框，边框以外是外边距(margin)，默认是透明的，不会遮挡其后的任何元素。 内边距 可以用百分比、厘 ...
分类：
Web程序 时间：
2019-12-15 20:19:18
阅读次数：
102
如下代码 1 <div> 2 <input type="text" /> 3 </div> 如果给div和input分别添加不同的背景色，会发现input上方会出现一段空隙，即便二者的内外边距以及边框和轮廓都设置为0，依然存在。 调试过程： 将input的字体大小调大，会发现间隙消失了，input的 ...
分类：
其他好文 时间：
2019-12-14 15:27:30
阅读次数：
167
一、各种背景属性 1.background-image 属性为元素设置背景图像。 元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。 默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。 提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果 ...
分类：
Web程序 时间：
2019-12-11 23:14:21
阅读次数：
174
盒模型的基本组成包括：外边距（margin）内边距(padding) 边框（border）元素(element,content) 当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-bott ...
分类：
其他好文 时间：
2019-12-09 01:29:27
阅读次数：
104
