文章目录
  2. 一，CSS
    1. 1，快速居中对齐
    2. 2，padding和margin的区别
    3. 3，vw和百分比的区别
    4. 4，行内元素和块级元素的区别
    5. 5，谷歌浏览器怎么设置小字体（字体变小）
  3. 二，Javascript
    1. 1，let和var的区别

一，CSS

1，快速居中对齐

<style>
    html,
    body {
      display: flex;
      width: 100%;
      height: 100%;
    }
    div {
      margin: auto;
      background-color: aqua;
      width: 500px;
      height: 500px;
    }
  </style>
  <body>
    <div></div>
  </body>

通过给body设置display:flex和div设置margin:auto两行代码可以快速水平和垂直同时居中。

2，padding和margin的区别

padding是施加给自身的，margin是施加给外部的。

3，vw和百分比的区别

  • %有继承关系，比如父元素是50%，那么子元素如果设置25%，那么就是25%；
  • vm只跟设备的宽度有关。

4，行内元素和块级元素的区别

  • 行内元素设置大小没有用，只占用内容的大小。
  • 块级元素的宽度具有继承关系，如果不设置宽度，那么就会继承父级元素的宽度。

5，谷歌浏览器怎么设置小字体（字体变小）

.text{
    transform:scale(0.8);
    -webkit-transform:scale(0.8);
}

二，Javascript

1，let和var的区别

  • var有声明提升，let没有
  • var没有局部作用域，let有
  • var有声明覆盖，而let没有