NancyJY

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

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

在CSS中，定位机制一共有四种：normal flow（普通流），float（浮动）， absolute positioning（绝对定位）和flex box。而普通流的定位又分为三种:block formatting（块级格式化）， inline formatting（行内格…

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

而不是从右到左，或是从上到下，或是呈锯齿形，或是八字路，或是就这样随心所欲的写... 其实这是由CSS本身的规则以及前端开发人员设定的属性值决定的。 在CSS中最基本的单元就是box，所有的网页本质上都是一堆box按照CSS规则和开发人员的设置形成的一个3D模型的平面效果图。和…

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