摘要：
none：隐藏对应元素，不为隐藏的对象保留其物理空间 block：指定对象为块元素 inline：指定对象为内联元素 inline-block：指定对象为内联块元素 table：指定对象为块元素的表格 list-item：指定对象为列表项目 flex：将对象作为弹性伸缩盒显示 阅读全文
摘要：
data-用于存储页面或应用程序的私有自定义数据，赋予我们在所有HTML元素上嵌入自定义data属性的能力，存储的数据能被页面的JS利用，以创建更好的用户体验。 阅读全文
摘要：
FOUC即无样式内容闪烁（Flash Of Unstyled Content），是在IE下通过@import导入css文件引起的。 IE会首先加载整个HTML文档的DOM，然后再导入外部的css文件。因此，在页面DOM加载完成到css导入完成之间，有一段时间页面上的内容是没有样式的，这段时间的长短跟 阅读全文
摘要：
减少HTTP请求 压缩html，css，js文件 使用CDN托管静态资源 使用精灵图 服务器端开启Gzip压缩 减少DOM操作 阅读全文
摘要：
改版的时候更方便，只需改动CSS文件 页面加载速度更快，结构清晰，页面简洁 表现与结构相分离 有利于SEO，排名更靠前 阅读全文
摘要：
语义化的主要目的可以概括为用正确的标签做正确的事。 HTML语义化可以让页面的内容结构化，便于浏览器解析和搜索引擎解析，并提高代码的可维护度和可重用性。 尽可能少的使用无语义的标签<div>，多用语义化标签<header><section><footer> 阅读全文