咨询QQ:865885740    邮箱:support@ccqyj.com咨询热线:158 2330 1928
信息中心 / news
当前位置: 首页 > 信息中心 > 网站建设 >

重庆网站建设之巧用CSS

日期: 2014-09-12来源: 重庆网站建设[www.ccqyj.com]关键字: 重庆网站建设    阅读量:
重庆网站建设中,巧用CSS 主要有以下几种方式:
 
(1) 我们应该避免使用 CSS Expression 
CSS Expression 具有动态设置 CSS 属性的特点,可是也具有一定的风险。在CSS 表达式中,使用 JS 的代码。于是,CSS 属性依据 JS 的代码的运算数值来设置。CSS 表达式在其他浏览器上没有影响,因此在跨浏览器的个人的 IE 设置编码可能是有用的。
 
由 IE5 的 CSS 表达式的支持。看以下的代码:
BackGround-Color : Expression((New Date()).GetHours()%2 ? "#00FF" : "#FF00" );
上面的代码是 CSS 表达式的使用,达到每小时换一个背景颜色。CSS 表达式存在的问题是运算频率要比设想的多出不少。不只是在页面呈现和缩放时,便是在页面滑动、甚至挪动鼠标时,总会要重头运算一次。在 CSS 表达式中,添加一个计数器能够计算表达式的运算频率。在页面中随意挪动鼠标都能够轻易到达10000 次以上的运算量。
削减一个 CSS 表达式运算次数的方式便是利用一次性的 Expression,其在首次运行时将数值赋给指定的 CSS 属性,且用这个属性来替换 CSS 表达式。假设在页面周期内 CSS 属性必需动态地变化,利用事件句柄来替换 CSS
Expression 是一个行得通的方式。假设必需采用 CSS 表达式,必须要记着它们要运算成千上万次,而且在重庆网站建设中或许会对你页面的性能造成影响。重庆网站建设不希望你的用户访问你的页面,感到电脑变得的非常缓慢。
 
(2)CSS 的缩写
重庆网站建设指出使用 CSS 的缩写的方式同样可以,达到性能的优化。CSS 缩写大量地减少了我们的代码的数量,从而提高了 Browser 的剖析辨认的效率,加速页面的渲染。下面是一个缩写的例子:
可以将上面的代码缩写成:
.Class6 .Class5 .Class4 .Class3 .Class2 .Class1{
Position: absolute; left: 12px; top: 36px;
}

本文由重庆易加网络 www.ccqyj.com原创提供,转载请注明来源。