芒果茶叶

一、水平居中（要求：里外容器宽度都不一定，里面容器宽度自适应内容宽） （1）table + margin 优点：不需要设置父级样式；兼容性好，IE8 兼容，将该元素<div>改成<table>可兼容

常见的CSS布局单位有： 1. 像素（px） 2. 百分比（%） 3. em和rem 4. vw/vh px、em、rem的区别及使用场景

属性 描述 static 默认值，没有定位，元素出现在正常的文档流中，会忽略 top, bottom, left, right 或者 z-index 声明，块级元素从上往下纵向排布，⾏级元素从左向右排

1. 新增选择器 属性选择器 结构伪类选择器 伪元素选择器 2. 转换：transform 2D转换： 位移：transform：translate（100px，100px） 缩放：transform

隐藏元素的方法 1. display：none 渲染树不会包含该渲染对象，因此该元素不会在页面中占据位置 2. visibility：hidden 元素在页面中仍占据空间 3. opacity: 0

属性值 作用 none 元素不显示，并且会从文档流中移除 block 元素显示/块类型。默认宽度为父元素宽度，可设置宽高，换行显示 inline 行内元素类型。默认宽度为内容宽度，不可设置宽高，同行显

一、选择器 1、基础选择器 选择器 示例 实例说明 通配符选择器 * 选择所有元素 标签/元素选择器 div 选择所有<div>元素 类选择器 .box 选择所有class="box"的元素 id选择

1. 语义化标签 header：定义文档的页眉（头部）； footer：定义文档或节的页脚（底部）； nav：定义导航链接的部分； article：定义文章内容； section：定义文档中的节（se

如果没有defer或async属性，浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素，读取到就会开始加载和执行，这样就阻塞了后续文档的加载。使用defer和async都会使得解析HTML