blueRoach

::是css3为了区分伪类和伪元素新增的 ::伪元素 :伪类 ::before在元素内部的最开头添加元素或者content ::after与之相反，在元素内部的最结尾

``` width: 0; height: 0; border-bottom: 5px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; ```

- 把height定死（对于高度不固定的情况不行） - overflow：hidden（有时候会导致内容被截断） - 给外部元素也加上float（会使外部的元素脱离文档流，导致变形） - :after{content: ''; font-size: 0; height: 0; display: block; clear: both;} （基本没有缺点）

manifest xx.manifest CACHE MANIFEST CACHE: //需要缓存的文件 xx.js NETWORK: //不需要缓存的文件 cc.js FALLBACK: //缓存失败后使用的文件 xx.js/vv.js

first-of-type last-of-type only-of-type only-child nth-child() nth-last-child() nth-of-type() nth-last-of-type() last-child empty target not enabled disabled cheked

1.display: none 2.visibility: hidden 3.opacity: 0 _其他大佬的： 4.全局属性 hidden (不会占据空间，与display:none一样) 5.position:absolute; (1)z-index: -1 (2)transform:scale(0) (3)left: -10000%__

autocomplete=“off“ 默认是开启的，作用是你之前输入过并且提交过的表单，再次输入时会有会有自动补全的下拉

- 使代码更容易维护 使每一个标签一眼就能看出大概的意图，作用 - 更利于SEO - 方便其他设备解析

Trident IE Gecko FireFox webkit safari Blink Google 浏览器内核就是一个渲染引擎，对html、js、css等进行渲染

缺点： 1.不利于seo 2.增加服务器的请求 3.window.onload会等待所有iframe加载完成后才触发（可以通过动态的设置iframe的SRC解决） 优点： 1.投放广告之类的飘窗无疑是最好的选择 2.跨域 3.异步刷新 4.与主页面是分离的，可以独自重载