随笔分类 -  CSS

提高 web 应用性能之 CSS 性能调优
摘要：CSS 性能调优CSS 代码的分析与渲染都是由浏览器来完成的，所以，了解浏览器的 CSS 工作机制对我们的优化有至关重要的作用。这篇文章我们主要从如下几个方面入手来介绍一下 CSS 的性能优化：Style 标签的相关调优特殊的 CSS 样式使用方式CSS 缩写CSS 的声明CSS 选择器把 Styl... 阅读全文
posted @ 2014-08-22 17:48 曹桦伟 阅读(184) 评论(0) 推荐(0)
前端精选文摘：BFC 神奇背后的原理
摘要：介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）一、BFC是什么？ Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box ... 阅读全文
posted @ 2014-08-22 17:22 曹桦伟 阅读(165) 评论(0) 推荐(0)
fouc
摘要：如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC.原因大致为：1，使用import方... 阅读全文
posted @ 2014-08-20 17:21 曹桦伟 阅读(237) 评论(0) 推荐(0)
position定位机制
摘要：值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。"left", "top", "right" , "bottom"fixed生成绝对定位的元素，相对于浏览器窗口进行定位。"left", "top", "right" , "bottom" relative生成相对定位的元素，相对于其正常位置进行定位。"left:20" 会向元素的 LEFT 位置添加 20 像素。stat 阅读全文
posted @ 2014-03-10 14:42 曹桦伟 阅读(161) 评论(0) 推荐(0)