[TOC] 什么是前端 简单来说，任何直接与用户打交道的操作界面都叫前端。 前端基础 html 骨架 css 衣服、打扮 JavaScript 动态效果 html 标签 css 属性、选择器 JavaScript BOOM & DOOM 前端必备知识点 软件开发架构 c/s b/s 本质上也是c/s ...
分类：
Web程序 时间：
2019-11-12 21:47:21
阅读次数：
159
1.盒子模型：就是HTML页面中布局元素看做是一个举行的盒子，css盒子包括:content内容、padding内边距、margin外边距、border边框 1.1 border、padding、margin的参数为 值的个数： padding、margin值的个数 表达的意思 padding:5p ...
分类：
其他好文 时间：
2019-11-11 11:13:32
阅读次数：
86
一、什么是css盒模型 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式 上边这句话摘自W3C，翻译成人话：css盒模型又叫css框模型，由4部分组成：框内容、内边距、边框、外边距。通过css来设置这些属性决定这个盒子长什么样！ 废话少说，直接上图 从技术 ...
分类：
Web程序 时间：
2019-11-11 00:05:25
阅读次数：
132
CSS margin(外边距)属性定义元素周围的空间。 margin margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。 margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。 可能的值 值说明 auto 设置浏览器边距。这样做的结果会依赖 ...
分类：
Web程序 时间：
2019-11-10 10:12:12
阅读次数：
201
CSS 盒子模型 CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放 ...
分类：
Web程序 时间：
2019-11-10 10:03:05
阅读次数：
92
1.定义：一个盒子由外到内可以分成四个部分：margin（外边距）、border（边框）、padding（内边距）、content（内容）； 2.浏览器兼容问题： 根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的。不 ...
分类：
Web程序 时间：
2019-11-05 21:17:21
阅读次数：
131
一、设计网页的思想 拿到需求之后我们先对各个模块（盒子）进行划分，然后从外到内进行设计（1）设计一个盒子最基本的设计大致包括背景颜色（其实用于识别），宽，高，边界浮动流还是标准流. （2）然后盒子和盒子之间的外边距margin （3）然后在进入到小盒子中，进一步划分盒子，这样再重复第一二步 注意点： ...
分类：
Web程序 时间：
2019-11-03 01:15:25
阅读次数：
83
盒子模型 背景 所有HTML元素都可以看做盒子，它包括：外边距（margin） + 内边距(padding) + 内容区域(content); 标注盒子模型：（W3C标准版，谷歌版） IE非标准盒子模型：（低版本IE，IE5，6在怪异模式中使用自己的非标准模型） 区别： 在IE盒子模型中：宽高 = ...
分类：
其他好文 时间：
2019-10-31 23:41:41
阅读次数：
113
对元素的margin设置百分数时，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。当然，padding的原理也是一样的。 如果没有为元素声明width，此时元素框的总宽度包括外边距取决于父元素的widt ...
分类：
其他好文 时间：
2019-10-31 18:24:28
阅读次数：
123
opacity属性设置不透明级别filter(滤镜) 属性left 属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或 ...
分类：
其他好文 时间：
2019-10-28 20:56:16
阅读次数：
78
