2020-10-20

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

在学习前端的过程中的一部分知识的总结，分享给大家同时增强记忆。

---

一、HTML是什么？

html是超文本标记语言，
（考试和之后的面试中都有可能会被问到，同时因为这仅仅是一个概念所以会导致很多人产生遗忘）

二、p标签的作用

它是一个段落标签，给一段话赋予语义
（记录理由上同）

三、清除浮动

1.父级添加overflow属性（同时在解决塌陷问题时也用到了（ overflow：hidden））
（父元素添加overflow:hidden）
缺点：内容增多的时候容易造成不会自动换行导致内容被隐藏掉，无法显示要溢出的元素
2.使用after伪元素清除浮动

 clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;/*只有IE6-IE7执行，其他浏览器不执行*/
}

3.使用before和after双伪元素清除浮动

 .clearfix:after,.clearfix:before{
    content: "";
    display: table;
}
.clearfix:after{
    clear: both;
}
.clearfix{
    *zoom: 1;
}```

四、边框圆角

我个人容易忘
border-radius：50px 25px; //表示左上角和右下角使用第一个值，右上角和左下角使用第二个值

border-radius:25px 10px 50px 0;//左上角、右上角、右下角、左下角(顺时针顺序

五、格式的设置

首行缩进：CSS属性中的【text-indent】进行设置

   p{
  text-indent:2em;
 }

text-inde 段落首行缩进，2em缩进2字符。

padding会撑开盒子
所以可以添加 box-sizing: border-box ;来解决

六、定位的方式

1，position:static(默认)

默认为static 不写就有，也就是按照文档的流式(flow)定位，将元素放到一个合适的地方。所以在不同的分辨率下，采用流式定位能很好的自适合，取得相对较好的布局效果。

2，position:relative(相对定位)（子绝父相）

如果我想让一个元素在他本来的位置做一些调整(位移)，我们可以将该元素定位设置为relative，同时指定相对位移(利用top,bottom,left,right)。

相对定位的元素仍然占据着他本来占据的位置空间——虽然他现在已经不在本来的位置了。（原位置会被占）

3，position:absolute(绝对定位)（子绝父相）

将一个元素放至指定位置，可以使用absolute来定位，将该元素的position设置为absolute，同时使用top,bottom,left,right来定位。

绝对定位会使元素从文档流中被删除，结果就是该元素原本占据的空间被其它元素所填充。（不占位置）
4,position: fixed(固定定位)

使用fixed定位，让一个div定位在浏览器文档的一个你想让它待的位置。

七、五种基本数据类型

1.String
　　String类型用于表示由零或多个16位的Unicode字符组成的字符序列，即字符串。至于用单引号，还是双引号，在js中还是没有差别的。记得成对出现。

2.Number
　　该类型的表示方法有两种形式，第一种是整数，第二种为浮点数。整数：可以通过十进制，八进制，十六进制的字面值来表示。浮点数：就是该数值中必须包含一个小数点，且小数点后必须有一位数字。

3.Boolean
　　即布尔类型，该类型有两个值：true、false。需要注意的是，Boolean类型的字面值true和false是区分大小写的。也就是说，True和False(以及其它的混合大小形式)都不是Boolean值，只是标识符。

4.Null
　　Null类型是第二个只有一个值的数据类型。其特殊值就是Null。从逻辑角度上看，null是一个空的对象指针。而这也正是使用typeof操作符检测null值，会返回“object”的原因。

5.Undefined
　　Undefined类型只有一个值，即特殊值undefined。在使用var声明变量，但未对其加以初始化时，这个变量值就是undefined。引用数据类型