CSS盒子模型小剖析
摘要：前段时间刚刚从C/S过度到B/S，提到B/S就不能说CSS，而说起CSS又不能落下盒子模型。在CSS诞生的时候就有了盒子模型的概念，网页中大部分的元素都能构成一个盒子模型,。盒子模型无非就是描述的元素的尺寸跟位置，只要掌握好这两点就可以灵活的运用盒子模型来布局了。下图是盒子模型的基本元素和属性：下图是一个盒子模型的基本模型，网页中每个元素大概都可以用下图的模型来描述。element: 元素。有的地方也叫做content，译为内容。padding: 内边距。默认值为0，不可以为负值。具体使用如下：padding: 10px 20px 30px 40px; /*设置元素内边距的上、右、下、左的..
阅读全文
posted @
2012-08-30 16:25
jackljf
阅读(145)
推荐(0) 编辑
深入理解CSS盒子模型
摘要：前言：前阵子在做一个项目时，在页面布局方面遇到了一点小问题，于是上stackoverflow上求助。ifaou在帮助我解决我问题的同时，还推荐我阅读一篇有关CSS盒子模型的文章《The CSS Box Model》，阅读之后受益匪浅，才知道自己对盒子模型知识还是如此欠缺。恰逢学期末，项目验收后暂时告一段落，有空闲的时间。于是想把这篇文章翻译出来，一方面再给自己一点挑战和锻炼，另一方面也给大家参考，让更多的人受益。 这篇文章适合初级web设计朋友，让你对盒子模型有更近一步的理解。但是在阅读这篇文章之前你应该对盒子模型html等基础知识是有一定的了解，否则只会让你更加云里雾里。这篇文章不会像很多.
阅读全文
posted @
2012-08-30 14:27
jackljf
阅读(155)
推荐(0) 编辑
最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
摘要：CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声 名.常见问题1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个i
阅读全文
posted @
2012-08-29 17:24
jackljf
阅读(218)
推荐(0) 编辑
CSS clear
摘要：aaaaaaaaaaaaaaaaaaaaaaaa11111111111111111111111111111111111111111该属性的值指出了其本身旁边不允许有浮动对象aaaaaaaaaaaaaaaaaaaaaaaa11111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaa11111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaa11111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaa
阅读全文
posted @
2012-08-27 17:33
jackljf
阅读(101)
推荐(0) 编辑
27 款经典的CSS 框架
摘要：利用 CSS 框架，可以简化你的工作，提高工作效率。CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架，你可以选用。1. 960gs 960 像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程，使工作简单高效。2. YUI 2: Grids CSS芒果曾经介绍过由雅虎开发小组推出的 YUI，而这个 YUI Grids CSS 正是其中的一部分。作为最著名的 CSS 框架之一，YUI Grids CSS 提供了四种预设页面宽度，.
阅读全文
posted @
2012-08-27 16:38
jackljf
阅读(165)
推荐(0) 编辑
