NancyJY

在手机端，大图高清图加载速度慢，耗流量多，且在像素密度低的设备上加载高清图简直是浪费好吗！再好的高清图也只能显示成劣质图片。。。 水平/竖直分辨率均为96dpi（1dpx=96dpi）的情况下，尺寸为500*444，说明该图片的位图宽度为500，位图高度为444，即在设备分辨率…

作为终结篇，竟然是消灭它。。。 好吧，还是先开始吧。 一. clear属性 说道清除浮动，大家恐怕第一个想到的就是clear属性吧。该属性的官方说明如下： 它指明了block-level box（看第21条）不希望自己的 left/ right / both与前面的float …

3. visible的block box 这种情况就复杂多了。 overflow为visible的block box(看第23条)是不具备建立block formatting context的能力，这就意味着它位于float box后面时本身的位置是不会变化的，但它的子孙box…

今天来说说float box的文字围绕现象。 下面的排版，想必从事前端开发的童鞋都很熟悉吧。 根据普通流，浮动及绝对定位这三种定位，可知，box有三类：普通流中的box 、 float box 及 absolutely positioned box，而普通流中的box又分：in…

终于开始讲浮动了。浮动的内容有点多，大家耐心点，我会分成三个部分来讲解。 第一部分先讲基础点。 浮动，英文名float，听这个名字就知道拥有这一功能的元素可以在普通流（normal flow）上漂流，就如同漂流瓶一般。。。 float box由float属性不为none的dom…

美好的周末从码字开始...... 说道相对定位，相信很多童鞋会立马想到绝对定位。虽是同个妈生的，爹地却不同，那么性情绝对是不相同滴。 相对定位，它是一种定位机制，可以使得block-level box和inline-level box相对它们本身的位置上下左右移动一段距离。 这…

我们每天都会浏览各种各样的网站，看到的网页很多很多.......................................那大家是不是觉得这些网页各式各样，千秋百态，没有一点相似的地方呀！哈哈哈，不对，它们的内在结构都是大同小异的！可能有童鞋又要问——什么是内在结构呀？这…

CSS中其实有很多专业术语，了解这些术语，有助于加强对css背后的机制的理解。 1. Continuous media & Paged media css样式可以让我们随心所欲的在各种电子产品上显示我们所要表达的东西，诸如在screen，在print，在projection上，…