摘要：
提升页面性能优化的常见方式： 1、资源压缩合并，减少http请求 2、非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别 3、利用浏览器缓存 --> 缓存的分类 --> 缓存的原理 缓存是所有性能优化的方式中最重要的一步【重要】 有的人可能会回答local storage 和sess 阅读全文
摘要：
参考 https://www.cnblogs.com/binguo666/p/10928907.html 阅读全文
摘要：
这个写的比较全面：https://juejin.cn/post/6844903518520901639 transition: 语法：transition： CSS属性，花费时间，效果曲线(默认ease)，延迟时间(默认0) transition-property transition-durati 阅读全文
摘要：
1.浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。 2.块属性标签float后，又有横行的margin情况下，IE 浏览器margin加倍的问题问题症状: 常见症状是IE6中后面的一块被顶到下一行解决方案： 设置为float的 阅读全文
摘要：
指标签有自己的语义及使用情况 语义化的主要目的就是让大家能直观的认识标签(markup)和属性(attribute)的用途和作用， 优点： 语义化就是让计算机能更快的读懂内容，高效的处理信息，可以对搜索引擎更友好。 便于与他人的协作，他人通过读代码就可以理解你网页标签的意义。 呈现清晰的页面结构。 阅读全文
摘要：
伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者， 已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素。具体的 最后，总结一下伪类与伪元素的特性及其区别： 伪类本质上 阅读全文
摘要：
相同点 都可以用来表示伪类对象，用来设置对象前的内容 :befor和::before写法是等效的 不同点 :befor是Css2的写法，::before是Css3的写法 :before的兼容性要比::before好 ，不过在H5开发中建议使用::before比较好 CSS 3中引入了:: befor 阅读全文
摘要：
transition（过渡） transform（变换） animation（动画） 从三个属性就可以知道，tansition是一个过渡属性，就是一个属性从一个值过渡到另一个值，tansform变换，就是一个整体的位置（或整体大小）发生变换，animation动画，就是在一段时间内各种属性进行变化从 阅读全文
摘要：
<ul> <p>111</p> <span>222</span> <li>1</li> <li>2</li> <li>3</li> </ul> li:nth-of-type(2):表示ul(父元素)下的第二个li元素 li:nth-child(2)：表示ul下的第二个元素是li则选择，否则没找到 阅读全文
摘要：
什么是浮动？ 元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。 浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘。浮动框不属于文档中的普通流，当一个元素浮动之后，不会影响到块级框的布局（脱标），只会影响内联框（通常是文本）的排列，文档中的 阅读全文