摘要：
现在转做前段，发现有些概念的东西跟别人交流起来有点不顺畅。通常我们会使用别人写好的库，里面自然就定义了很多概念。但通常这些库不能帮我们做所有的事情。这种情况下，真心想整理一下这些网页布局的概念。想到我们对word那些已经很熟悉了，网页布局上也有一些公共概念。这样能不能在css+html的基础上也弄出... 阅读全文
摘要：
工作上碰到一些奇怪的问题，这里总结一下：在chrome 使用 Position 和 Top是work的，后来在 iPhone上测试时发现这个属性不起作用了。 查了一些资料说是父节点要设置成relative,使用的元素要设置成absolute。 阅读全文
摘要：
在结合angularJS进行编程的时候，我们会发现很多有意思的现象，这里想讨论一下这些现象背后的原理：1. scope -> online/view搜索到一篇文章关于作用域链http://www.cnblogs.com/TomXu/archive/2012/01/18/2312463.html。让我... 阅读全文
摘要：
float属性定义元素在哪个方向上浮动。以往这个属性总是应用于图像，使文本围绕在图像周围，不过在CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它是什么元素。 如果浮动非替换的元素，则要指明明确的宽度，否则它会尽可能的窄，如果该行空间太小，则跳转至下一行。float的原理： 阅读全文
摘要：
CSS 样式定位大部分就决定了网页布局，因此了解其中的原理，就很有必要了。定位的基本思想很简单，它允许你定义元素框相对与正常位置应该出现的位置，或者相对于父元素，另一个元素甚至浏览器窗口本身的位置。一切皆为边框，div, h1或p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即块框 sp... 阅读全文
摘要：
在布局的时候，有时会使用position这个属性。但为了使我们的视图更加易于维护，来了解一下它有哪些用途Position可能的取值：1. absolute: 生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。 元素的位置通过 left, top, right, 以及bottom属... 阅读全文
摘要：
有时候我们会使用line-height来调整文本的行高，那么它有哪些属性呢，line-height 可设置的值：1. 默认值 normal: 设置正常的行行间距。2. number: 设置数字，该数字与当前字体尺寸的乘积来设置行行间距（1.5倍行间距)。3. length: 设置固定的行间距(比如2... 阅读全文
摘要：
在网页布局中我们经常使用display来控制段落和div(Division:分割)，基本上所有浏览器都支持。display CSS1: (compact和market在css2.1移除)1. 默认值 inline: 此元素会显示成内联元素，元素前后没有换行符。2. none: 此元素不显示。3. b... 阅读全文
摘要：
语法：层叠样式表有着简单的语法并且使用一些英语关键词来指定各种样式属性的名字。一个样式表包括一系列规则。每个规则或者规则集包含一个或多个选择器和一个声明块。选择器在层叠样式表中，选择器经常用来声明部分标记样式，而这些标记样式通过匹配的标签和属性来运用到标签样式自身。选择器可以运用在：所有指定类型的元... 阅读全文
摘要：
资料：著作权归作者所有。 商业转载请联系作者获得授权，非商业转载请注明出处。 作者：陈禹鲁 链接：http://www.zhihu.com/question/19809484/answer/35544452 来源：知乎第一本，入门《Head first HTML&CSS》最好的入门书。看两遍就对HT... 阅读全文