摘要：CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念.本文谈及多个影响节点显示层级的规则, 其中用到的所有例子全部罗列在《position 属性和 z-index 属性对页面节点层级影响的例子》中.目录顺序规则定位规则参与规则默认值规则从父规则层级树规则参与规则 2总结顺序规则如果 阅读全文

摘要：接触CSS以来，有人说浮动始终给人一种神秘的感觉，正因为有了它的一成不变的table布局开始了渐渐被div+css取代，它是控制传说中文本流核心和关键要素，懂得控制“块”的流动和布局即等于控制了网页的排版和布局。今天就以简单图文形式给大家简单分享一下css浮动原理写在前面的话：上几期技术共享中已经和大家讲解了CSS盒子模型，接着这个话题我们继续讲解怎么对这些盒子进行控制——浮动。如果css中float属性您一直不理解，网页总是出现错位或者你希望它出现的地方他却跑到别的地方去。那么这篇文章可以给予您一定的帮助。本文仅仅是入门教程，权当抛砖引玉，不当之处请谅解！本文以div元素布局为例。教程开始： 阅读全文

摘要：对网页前端来说DIV+css还有其引发的各浏览器兼容性问题是一个值得永恒探讨的问题。设计人员需要UI实现对css固然是该深入研究的；而研发人员有 时候也不得不自己写或修改一些简单的css；因此网上收集整理了一些css至关重要的基础知识；也许你心中总会想为什么一句简单的CSS代码写下去跟实际 表现有如此大差距？根源就在于浏览器是根据怎样的标准来渲染各元素的排版，希望这文章能给大家带来思考和答案。DIV+CSS两种盒子模型利用CSS来布局页面布局DIV有点逻辑性!重点理解盒子模型,标准流和非标准流的区别,还有定位原理!把这3个攻破了,就非常简单了!多实践多参考!最后就是兼容问题了,在实践中自然就有 阅读全文