5JUN's Blog

　　CSS中的行为——e­xpression

　　最近对CSS中的行为比较感兴趣，虽然是不符合标准的也只有ie才能识别，但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子。

　　IE5及其以后版本支持在CSS中使用e­xpression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素 固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

　　给元素固有属性赋值
　　下面是定义container容器的宽度，如果<725就为自己的宽度，否则就等于725，相当于max-width:725px;。

<!--
#container { width: e­xpression((documentElement.clientWidth < 725) ? "725px" : "auto" ); }
-->

阅读全文...

　　1、行内式。

<div style="color:#FFF;background:#333;">This is a line of text.</div>

　　2、内嵌式。

<style type="text/css">
  .box {
      color:#FFF;
      background:#333;
  }
</style>

　　3、导入式。

<style type="text/css">
   @import url("css/layout.css");
</style>

　　4、链接式。

<link href="css/layout.css" type="text/css" rel="stylesheet" />

阅读全文...

　　这款菜单的实现非常简单，没有用到复杂的JS代码，进行简单的变换就可以了。我们来看最终的效果，点击运行查看演示：

阅读全文...

阅读全文...

　　使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的常用规则如下：

　　颜色

　　16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：

　　#000000可以缩写为#000;#336699可以缩写为#369;

　　盒尺寸

　　通常有下面四种书写方法:

　　方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：

margin:1em 0 2em 0.5em;

阅读全文...

　　CSS框架之利：

　　1、开发效率的提高。

　　如果你是一个企业建站的前端开发，相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率，避免一些常见的错误。如果你的工作是按件计费的，你的报酬一定会比别人多。

　　2、规范代码命名。

　　在多个站点中你可能会用到一些同样的CLASS或ID。如果你有一套完善的css框架，很快你就能对你的每一个站点的代码进行通读。不用浪费时间在代码的阅读上。

　　3、更好的团队合作

阅读全文...