weixin_45734909的博客

npm install --save -dev (npm install 包名 -D)：安装只用于开发环境，不用于生产环境，会出现在package.json文件的dependenceies中。npm install --save(npm install 包名 -S)：安装的包需要发布到生产环境，会出现再package.json文件的dependenceies中。nrm add regisery url 命令代表添加源包管理器，registry代表源包名，url代表包管理器的下载url地址。

git代码托管平台使用，个人使用

改文章主要记录盒模型内容，其中弹性盒子和怪异盒子是本篇笔记的重点

JavaScript简介JavaScript通常就是我们所说的js，这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。解惑1.JavaScript与Java有什么关系？它们两个有点关系。首先JavaScript最初是受Java启发而开始设计的，而且设计的目的之一就是“看上去像Java”，因此语法上它们有不少类似之处，JavaScript的很多名称和命名规则也借自Java。但实际上，JavaScript的主要设计源自self和scheme。JavaScript和Java虽然名字相似

这一章，我给大家介绍一下css中几个极其重要的概念。了解以下概念对深入css本质十分重要。包含块BFC和IFC层叠上下文这些东西比较抽象，难以理解。7.1 包含块7.1.1 什么是包含块包含块是视觉格式化模型的一个重要概念，他和css盒子模型类似，也可以将包含块理解为一个矩形盒子，这个矩形的作用是为这个矩形内部的后代元素（子元素、孙元素等）提供一个参考。一个元素的大小和定位往往是由该元素所在的包含块决定的。通常情况下，一个元素的包含块是由离他最近的“块级祖先元素”和“内容边界”决定的。但

1.6.1 ：first-letter选择器在css中，我们可以使用：first-letter选择器来选中元素内容的“第一个字”或“第一个字母”。语法元素：first-letter{}举例预览效果如图1-6所示。图1-6 ：first-letter选择器：first-line选择器在css中，我们可以使用：first-line选择器来选中元素内容中的“第一行文字”。语法元素：first-line{}举例预览效果如图1-7所示图1-7 ：first-line 选择器..

css选择器就是把你想要的标签选中的一种方式，把他选中，你才能操作标签的才能操作css样式。css中提供了很多将标签选中的方式，这些不同的方式就是不同的选择器。css入门阶段，了解以下几种选择器即可。元素选择器ID选择器class选择器群组选择器层次选择器这里着重介绍一下层次选择器层次选择器,指的是通过元素之间的层次关系来选择元素。层次选择器在实际开发中相当的重要。常见的层次关系包含父子、后代、兄弟、相邻等关系。在css中，层次选择器共有4种，如表1-4所示|| ||–|--||

css引用方式共有3种：外部样式表、内部样式表、行内样式表。其实除了这三种样式，css还有一种@import方式（即“导入样式表”）。@import方式和外部样式表很相似。不过在实际开发中，极少使用@import，更加倾向于使用link方式。这是因为@import方式先加载HTML后加载css，而link方式先加载css后加载HTML。1.4.1 外部样式表外部样式表是最理想的css引用方式，在实际开发中，为了提升网站的性能和可维护性，一般都是使用外部样式表。所谓外部样式表，指的是css代码和H

3.CSS优先级css全称层叠样式表，很多人只知道css是用来控制样式的，并没有深入理解“层叠”这两个字的含义。“层叠”其实指的是样式的覆盖。当样式的覆盖发生冲突时，以优先级高的为准。当“同一个元素”的“同一个样式属性”被运用上多个属性值时，我们就需要遵循一定的优先级规则来选择一个属性值。对于样式覆盖发生的冲突，常见的有以下5种情况。引用方式冲突继承方式冲突指定样式冲突集成央视和指定样式冲突！important1.3.1 引用方式冲突我们知道css有3种常用的引用方式：外部样式、内部

1.基础知识1.1 css单位 在css中，除了px外，还有很多常用的单位。总体来说，css单位可以分为相对单位与绝对单位两大类。1.1.1 绝对单位绝对单位定义的大小是固定的，使用的是物理度量单位，显示效果不会受到外界元素影响。绝对单位多用于传统平面印刷中，极少用于前端开发。常用的绝对单位如下表所示。表1-1 css绝对单位绝对单位说明cm厘米mm毫米in英寸pt磅，印刷的点数pc1pc=12pt前端开发中不会设计到绝对单位

2.CSS特性css具有两大特性：继承性和层叠性。1.2.1 继承性继承性指的是子元素继承了父元素的某些样式属性。例如在父元素中定义了字体颜色之后，子元素会继承父元素的字体颜色。但是并不是所有属性都具有继承性，如padding、margin、border等就不具有继承性。在css中，具有继承性的属性有3类。文本相关属性：font-family、font-size、font-style、font-weight、font、line-height、text-align、text-indent、word