-moz- : Firefox -webkit- : Safari & Chrome -o- : Opera -khtml- : Konqueror -ms- : Internet Explorer -chrome- : Google Chrome专用前缀
标签选择器：选择一类标签，不是单独一个
行内元素的垂直方向的margin和padding无效（如span）
块级元素：垂直布局，独占一行 行内元素和行内块元素：水平布局
浮动：float left 左浮动 简写：fll
浮动特点： 1.脱离标准流 2.可以覆盖标准流的元素 3.浮动找浮动 4.会收上边元素边界的影响 5.浮动元素一行可以显示多个，且可以设置宽高
BFC(块级格式化上下文)盒子：清除浮动，解决margin的塌陷现象
定位：一般用于盒子之间的层叠情况，并且可以让盒子始终固定在屏幕中的某个位置
定位：相对（relative），绝对（absolute），固定（）
相对：没有脱标（在页面中占位置）（相对于之间原来的位置进行移动）
绝对：脱标（相对于浏览器的可视区域移动）（祖先中有定位：相对于 最近的 有定位的祖先元素进行移动）
（子绝父相）（子元素相对于父元素可以随意移动）
水平居中：transform:translateX(-50%); 水平垂直都居中：transform:translate(-50%,-50%);
盒子水平居中：margin 0 auto
header:网页头部 nav:网页导航 footer:网页底部 aside:网页侧边栏 section:网页区块 article:网页文章
ico:link属性 icon
CSS 书写顺序
一、布局属性 display(标准流)，position(定位)，float(浮动) clear，visibility，overflow---->显示/隐藏 二、盒子模型+背景 width,height,margin,padding,border,background 三、文本内容属性 color、font、text-decoration、text-align、line-height 四、点缀属性 cursor(鼠标) ,border-radius，text-shadow，box-shadow
transform：translate属性实现元素的位移、旋转、缩放（平面转化）
transform：rotate：旋转（角度（deg）） (必须要有过渡属性) transform：origin改变转换原点
transform：translate3d():空间转换 （perspective实现透视）（加给父级(800-1200（人的眼睛到屏幕的距离）)）
transform-style:preserve-3d(呈现立体图形)（给父类添加）
animation:动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕时状态 ；（alternate:反向）
速度曲线：linear/steps(分部)
使用 steps 实现逐帧动画（一般配合精灵图实现动画效果）
无缝动画（看显示区域多大，把显示区域的图片个数复制到最后）
分辨率：物理分辨率 逻辑分辨率
基准-物理分辨率：7501334 逻辑分辨率：375667 （2:1）
z-index:1 顶层（设置头部用）
display:Flex:布局模型 justify-content:调节元素在主轴的对齐方式 order:移动位置 align-items:调节元素再侧轴的对齐方式 flex-direction:行或者列旋转 align-self:单独设置某个弹性盒子的侧轴对齐方式（给子集添加） 给子集设置flex:占用父级剩余尺寸的份数
flex-direction:column;(主轴方向改为：垂直方向) flex-wrap:wrap;(自动换行) align-content;(调节每一行或者列的对齐方式) flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性
移动适配 rem单位：相对于HTML标签的字号（根字号）计算结果 1rem=1HTML字号大小
一、使用媒体查询，根据不同的视口宽度，设置不同的根字号 @media (width:xxpx) {html { font-size:xxpx; }} 二、html标签的字号设置为视口宽度的1/10 三、使用flexible.js配合rem
LESS: 四、使用less(CSS预处理器)运算写法完成px单位到rem单位 文件后缀 .less 五、多行注释 shift+alt+a 六、除法：（68/37.5rem）或者 68 ./ 37.5rem 七、& 表示当前选择器（可以方便代码移动） 八、//out:false 禁止导出
VW/Vh: 1vw=1/100视口宽度 1vh=1/100视口高度
B站： 1.头部（@vw=3.75vw） 2.内容 3.底部
响应式：一套代码不同设备或者屏幕宽度 一、媒体查询 min-width:从小到大写 max-width:从大到小写 完整写法 @media 关键词 媒体类型 and （媒体特性）{CSS}
bootstrap框架（封装了HTML，js,css） row类自带内距-15px（左右）
JS: mouseover:经过子盒子也会触发事件 mouseenter:经过自己才会触发事件（因为mouseenter不会冒泡）
setInterval(function() {}，x) :定时器 clearInterval(): 停止定时器
JQuery对象：用Jquery方法获取过来的对象是jQuery对象。本质：通过$把DOM元素进行了包装
JQuery没有play() $('video')[0].play(); （jquery转换成DOM对象）
jquery：隐式迭代（把匹配的所有元素内部进行内部遍历循环，给每个元素添加CSS这个方法）
find（""）类似于后代选择器
有动画的 需要在动画前加stop() （防止出现一直动的bug）
jQuery Ajax(异步请求，无刷新技术) get和post区别：get的参数会跟在后面，get没有post安全，get传递的数据也没有post多，get比post快，get有缓存
JS: HTMLCollection 元素可以通过 name，id 或索引来获取。
NodeList 只能通过索引来获取
1、proto 是原型链查询中实际用到的，它总是指向 prototype；
2、prototype 是函数所独有的，在定义构造函数时自动创建，它总是被 proto 所指。
所有对象都有__proto__属性，函数这个特殊对象除了具有__proto__属性，还有特有的原型属性prototype。prototype对象默认有两个属性，constructor属性和__proto__属性。prototype属性可以给函数和对象添加可共享（继承）的方法、属性，而__proto__是查找某函数或对象的原型链方式。constructor，这个属性包含了一个指针，指回原构造函数。
