摘要：
1、单行文本溢出隐藏，显示省略号 2、多行文本溢出隐藏，显示省略号 1、只针对用webkit内核浏览器渲染页面才会有效果 2、（多行文本溢出隐藏，显示省略号）通用方法 阅读全文
摘要：
1、中间栏先加载 ！！！（若不是这个条件的话 ，那可以用 calc 或者flex布局来实现 中间栏自适应，左右栏定宽） 2、中间栏自适应 width：100% 3、左右栏固定宽 左中右 浮动 （本来应该在一行显示的，但是中间栏宽100% ,所以左右会掉下来，此时就需要设置margin-left） 左 阅读全文
摘要：
1、渐进增强，优雅降级 2、浏览器前缀 3、背景渐变 4、css 验证工具 2种方式：第2种支持验证本地的css（推荐） 5、css压缩 （节约空间，节省带宽） 6、旋转轮播图 案例： 注意： 1、3d 旋转 3d 的translateZ 2、子盒子要一般要写transform-style属性 更有 阅读全文
摘要：
块级元素会有bfc条件 可以触发bfc 利用bfc的特性来解决一些问题 1、什么是BFC？ 就是一个封闭独立的渲染的区域 2、什么元素会有BFC的条件？ 块级元素会有，行内元素没有 3、什么情况下块级元素可以产生bfc？（触发bfc） 四种中有一种就行，可以触发bfc BFC特性 4、BFC主要用途 阅读全文
摘要：
1、flex布局 案例一： 案例二： 保证不至于缩放得太小或太大 案例三：flex的值不一定要写成几份，可以写成固定值 案例四： 竖着3等分（父容器按照高度3等分） !!案例 用flex布局写携程网（发现携程网是伸缩布局：根据屏幕自适应） flex: 2 意义是啥 （剩余宽度里占比2等份） flex 阅读全文
摘要：
1、 ，鼠标移开后图片面向屏幕后又自动可见了。 2、css3动画 ！！定义好动画后再引用 4、多组动画（百分比） 案例： 案例2 无缝滚动 阅读全文
摘要：
1、css3过渡 注意：记住多属性设置的方式；若把过渡写在了hover里面的话鼠标移走时不会有过渡效果！；不同属性同时变时用 all 就可以实现了。 2、css3 transform属性 1、移动 translate 2、旋转 rotate 不同旋转点旋转案例 3、css3--3D变形 rotate 阅读全文
摘要：
1、伪元素的本质（插入了一个元素（行内元素/标签/盒子） 案例1： 案例2： 阅读全文