(编程新手) 每个html元素(标签)可以看作一个盒子。从里到外分别是：内容, 内边距, 边框, 外边距. 01内容区 最原始的width和height设置的是内容的大小。 子元素只会出现在内容区里面。 02边框 设置边框接触到了三个属性。分别是：border-style，border-width， ...
分类：
其他好文 时间：
2020-05-01 20:53:15
阅读次数：
87
今天听这个css课程，感觉这个老师真的讲的很烂，明明可以很轻松理解，非得扯上一堆的if什么的，明明很容易就能理解，硬生生给我说懵了。 内外边距倒是蛮有意思的 内边距，自然就是块级标签自己内部的一些距离，然后外边距，就是标签和同级标签之间的距离 margin: 用于控制元素与元素之间的距离；margi ...
分类：
编程语言 时间：
2020-04-29 01:17:17
阅读次数：
75
width：内容的宽度 height: 内容的高度 padding：内边距，边框到内容的距离 border: 边框，就是指的盒子的宽度 margin：外边距，盒子边框到附近最近盒子的距离 盒子的真实宽度=width+2*padding+2*border 盒子的真实宽度=height+2*paddin ...
分类：
Web程序 时间：
2020-04-21 15:03:00
阅读次数：
64
基本概念 盒模型由 margin + border + padding + content 四个属性组成，分为两种：W3C的标准盒模型和IE盒模型。 Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - ...
分类：
Web程序 时间：
2020-04-13 00:53:22
阅读次数：
81
border-style的值：none无dotted点状dashed虚线solid实线double双实线margin：垂直方向两个相邻元素都设置了外边距，那么外边距会发生合并合并高度=两个发生合并的外边距中的较大值元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框元素在页面中实际所占的高度是：上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距hover属性实现鼠标悬停时显示
分类：
Web程序 时间：
2020-04-04 00:20:41
阅读次数：
113
(1)盒子模型 盒子模型组成 content(内容）height(高度）width(宽度) border(边框）padding(内边距) margin(外边距） 盒子模型代码举例 在 border solid 设置中。表示边框，且边框为实线 solid为设置颜色，表示为默认颜色：黑色； overfl ...
分类：
Web程序 时间：
2020-03-31 23:15:37
阅读次数：
176
常见的兼容性问题：1、不同浏览器的标签默认的外边距( margin )和内边距(padding)不同解决方案： css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案 ...
分类：
Web程序 时间：
2020-03-25 13:15:29
阅读次数：
90
A. 1.内边距，边框影响盒子大小 定义好盒子大小以后，再定义内边距和边框的时候，在原有的盒子大小基础上（原有的盒子啥也不变，定义完就完了）加上内边距和边框。就像穿上一身衣服了一样。 练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
分类：
Web程序 时间：
2020-03-24 23:38:51
阅读次数：
138
CSS盒子模型******一个盒子是由以下几个部分构成： 1、盒子中的内容 content 2、盒子的边框 border 3、盒子的边框与内容之间的距离，称为填充 padding，内边距（内补丁） 4、多个盒子存在时，盒子与盒子之间的距离，称之为边界 margin，外边距（外补丁）*****盒子所在 ...
分类：
Web程序 时间：
2020-03-22 14:03:33
阅读次数：
86
首先内边距基本格式 padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; 缩写形式 padding：上 右 下 左； 上代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta char ...
分类：
Web程序 时间：
2020-03-18 21:52:28
阅读次数：
121
