Browsing the archives for the css tag

[译]Efficient, maintainable CSS

13 Apr, 2010 in 前端设计 by admin

翻译自 Russ Weakley 的 Efficient, maintainable CSS 翻译自Russ大师的一篇关于如何书写高效、可维护、组件化的CSS的演示文档。Enjoy~

tagged css

深入 CSS 行高

13 Apr, 2010 in 前端设计 by admin

翻译自 Russ Weakley 的Line Height 一个简单的, step-by-step 关于 CSS 行高的演示文档, 涵盖行间距, 如何应用各种类型的行高值, 当然还有 inline box 模型介绍, 希望能满足您（但实战应用在中文字体或中英文字体混合，以及IE678，XP win7里，行高规则又有所不同，泪流满面）

0 Comments

tagged css

网页设计中经常使用的页面检验地址

16 Mar, 2010 in 前端设计 by admin

可以自己进行校验： HTML校验：http://validator.w3.org/check CSS校验：http://jigsaw.w3.org/css-validator/ 有错误会报出来，在网上找下解决办法。一般你验证多了以后，慢慢写得就会越来越符合标准了。不过建议你不要太在意这个东西，当做努力的方向是可以的

0 Comments

tagged css

css中potition的理解总结

15 Mar, 2010 in 前端设计 by admin

这里以实例说明position的两种属性值relative和absolute．
可能的值
值描述
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative 生成相对定位的元素，相对于其正常位置进行定位。

因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit 规定应该从父元素继承 position 属性的值。
TIY 实例

定位：相对定位
本例演示如何相对于一个元素的正常位置来对其定位。
定位：绝对定位
本例演示如何使用绝对值来对元素进行定位。
定位：固定定位
本例演示如何相对于浏览器窗口来对元素进行定位。
设置元素的形状
本例演示如何设置元素的形状。此元素被剪裁到这个形状内，并显示出来。
Z-index
Z-index可被用于将在一个元素放置于另一元素之后。

0 Comments

tagged css

ol ul li dt dl dd等的常用用法

8 Mar, 2010 in 前端设计 by admin

DIV +CSS网页布局中常用的列表元素ul ol li dl dt dd用法解释，块级元素div尽量少用，和table一样，嵌套越少越好

ol 有序列表。

……
……
……

0 Comments

tagged css

通过在UL标签应用相关的css类，实现对LI的控制

14 Oct, 2009 in 前端设计 by admin

0 Comments

tagged css

FireFox 3.5+ 已不再支持 -moz-opacity

21 May, 2009 in 前端设计 by admin

安装了FireFox3.5之后，发现以前项目网页中有透明属性的一些DIV都不透明了。于是猜想，FireFox3.5难道不支持它自家的CSS透明属性-moz-opacity了？上网一查，果真如此。
在https://developer.mozilla.org/En/CSS:-moz-opacity里说得很清楚了：
Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.
现在都要改用opacity这个属性。

0 Comments

tagged css, firefox