css表达式在网站建设中的应用

时间：2012-10-30

  css表达式(css Expression)是从IE5开始引入的，允许在css属性值中使用Javascript表达式，它只适用于IE浏览器。属性值由表达式和其后括号中的脚本代码组成，脚本代码的结果会返回给这个属性。在下面这个示例中，div元素的宽度由表达式的计算结果来确定，它的宽度总是浏览器窗口宽度的一半；
div{
   height:80px;
   background:yellow;
   width:expreesion(document.body.clientwidth/2);
}
<div>通过css表达式设置本元素宽度为浏览器窗口宽度的一半。</div>

　　出于对性能的考虑，一些开发者不推荐使用Css表达式，因为表达式的执行频率远比想象中的高，不但当页面加载时表达式需要执行，而且当窗口大小发生变化时，浏览器滚动条产生移动时，或是用户将鼠标指针移到页面上时，表达式都需要重新计算，解决办法是改用javascript脚本对元素样式进行控制，以避免由css表达式带来的性能问题。