最近在做首页动画的时候，引入有背景色的mp4动图时，动图的背景色不能很好的融入相同背景色的不同浏览器和不同显示器，出现了下图这种尴尬的情况：

文章大纲来源：【Day 3】HTML复习 + CSS基础 CSS框模型 宽度和高度 内边距 外边距 CSS定位 浮动 CSS框模型 内容引用：CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 …

因为工作中经常用到这些方法，所有便把这些方法进行了总结。 JavaScript 1. type 类型判断 {代码…} 2. Date {代码…} 3. Array {代码…} 4. String 字符串操作 {代码…} 5. Number {代码…} 6. Http {代码….

文章大纲来源：【Day 3】HTML复习 + CSS基础 初识CSS 入门CSS 初识CSS 层叠样式表（Cascading Style Sheets），即前端常说的CSS。 内容引用：CSS 简介 样式解决了什么问题？ HTML标签原本被设计为用于定义文档内…

它们的定义1.块级元素：每个块级元素默认占一行高度，若有块级元素则同行无法再添加其他元素（float浮动除外）特点：高度行高以及外边距内边距都可控制宽度默认100%可以容纳内联元素及块元素

清除浮动的方法：1、加高度 (扩展性不好)2、给父级加浮动 (页面中所有元素都加浮动，margin左右自动失效（floats bad ！）)3、.inline-block 清浮动方法 (margin左右auto失效)4、空标签清除浮动 (IE6 最小高度 19…

废话不多说！ flex-内容宽度等分 {代码…} 左右布局，一侧定宽，一侧自适应撑满 {代码…} 未知高宽上下左右居中 {代码…} 这个效果就不展示了，可以做到未知宽高，和已知宽未知高的居中效果。

首先看第一个图这个是正常情况下，如果我们这个时候把顶部的边距设为none的话就会显示下面这种情况再把content宽度设为0再把content高度设为0这个时候，很容易联想到把左右边距颜色设为透明色（transparent）

根据 Can I use显示，目前user-select已经支持绝大多数浏览器了，不过如果想在IE9或者更早之前使用，还需要使用浏览器前缀。

1.与严格模式与混杂模式息息相关的是：DOCTYPE2.DOCTYPE的定义是一组机器可读的规则，它们指示HTML文档中允许有什么，不允许有什么，DOCTYPE正是用来告诉浏览器使用哪种DTD,一般放在HTML文档开头声明，用来告诉其…