CSS
文章平均质量分 65
吴孔云
公众号:吴孔云
展开
-
编写高效的CSS选择器
CSS规范并没有明确浏览器如何去实现样式系统,仅仅是说明了它们必须这样做。有鉴于此,不同的样式系统引擎可能会拥有完全不同的表现和行为,特别是 Gecko 与 WebKit, 这两个引擎都是开源项目,实现了类似的算法,具有极其相近的优缺点。因此下面介绍的小技巧对于真实世界的 Web 文档将会十分有用。样式系统如何拆分规则样式系统将规则拆分成四个主要类别: ID 规则 (key selector 为id转载 2016-04-15 14:08:58 · 1054 阅读 · 0 评论 -
块格式化上下文(BFC)布局规则及常见情景
Box: CSS布局的基本单位Box是CSS布局的对象和基本单位, 直观点来说,就是一个页面是由很多个Box组成的。元素的类型和display属性,决定了这个Box的类型。 不同类型的Box, 会参与不同的Formatting context(一个决定如何渲染文档的容器),因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子: block-level box: display属性为block,转载 2016-04-20 14:41:46 · 636 阅读 · 0 评论 -
SASS相关
Sass安装和API等原创 2016-11-24 17:59:33 · 889 阅读 · 0 评论 -
项目中遇到的bug(web前端-持续更新)
项目中遇到的常见bug,及时整理。 input放在a标签里面单机不能获取input的光标(IE环境下)双击才可以获得焦点,目前有的解决方案: 不要给a标签添加href属性; 不要在外面套上a标签。 返回私有数组返回数组的一个副本,这样改动就不会影响原数组,只是副本而已 var array = (function () { var days = ['Mo', 'Tu', 'We',原创 2016-04-15 10:11:30 · 8850 阅读 · 0 评论