CSS Expression用法总结
CSS Expression用法总结
转自http://www.chencheng.org/demo/css-expression.php
CSS Expression，动态 CSS 属性，IE 私有，自 5.0 开始引入（IE8 将不再支持），参考 MSDN，不过有时用javascript动态生成它作为IE6的hack还是不错的！
这东西的优点：
使 CSS 属性动态生成，所以基本 js 能干的它都能干
使用 CSS 选择符，比 js 遍历到某个特定元素要方便得多
这东西的缺点：
expression 会反复执行，有严重的效率问题。它的触发似乎不是通过事件，而是通过 interval 一类的机制。
别的浏览器不支持，IE8 也将不再支持
IE6 的背景闪烁 Bug Fix
1.body {
2. zoom: expression(function(el){
3. document.execCommand('BackgroundImageCache', false, true);
4. el.style.zoom = '1';
5. }(this));
6.}
给不同 type 的 input 赋予不同的样式
1.input {
2. zoom: expression(function(el){
3. el.style.zoom = "1";
4. el.className ? el.className+=" "+el.type : el.className=el.type;
5. }(this));
6.}
隔行换色（zebra lists）
01..test {
02. unicode-bidi: expression(function(el){
03. el.style.unicodeBidi = "normal";
04. var childs = el.getElementsByTagName("li");
05. for(var i=0; i<childs.length; i++){
06. (i % 2)?childs[i].className+=" even":childs[i].className+=" odd";
07. }
08. }(this));
09.}
模拟 :before 或者 :after
01..test {
02. letter-spacing: expression(function(el){
03. el.style.letterSpacing = "0";
04. var newchild = document.createElement("span");
0
相关文档：
CSS样式的种类：
1 ．HTML 标记符：用于定义HTML 的TAGS 样式，例如 bodyp img 等。
例Style.css中定义的body\h1\p\img 等 例style.css
2 ．类选择器：以 . 开头，样式一旦定义，可就用于任何HTML 元素 。
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Trans
CSS样式的种类：
1
．HTML
标记符：用于定义HTML
� ......
在进行页面设计的时候，相信下面这些东西应该能够帮助你，DIV+CSS，希望可以为你节省一点时间。
一、 善用css缩写规则
/*注意上、右、下、左的书写顺序*/
1. 关于边距（4边）：
1px 2px 3px 4px (上、� ......
本人一般用editplus写一些小的测试代码或者来研究学习别人的代码，但经常会遇到这些问题：下载过来的HTML/CSS代码混乱，JS代码被压缩，或者是我们想把我们的代码做一下压缩混淆以供发布时使用。当然，对于代码的格式化和代码压缩等，我们都可以使用专有的工具，或者使用一些在线的工作来做，既然E ......
CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动（参见第13课），你将能够创建多种高级而精确的布局。
本课我们将讨论以下内容：
CSS定位的原理
绝对定位
相对定位
CSS定位的原理
把浏览器窗口想象成一个坐标系统：
CSS定位的原理是：你可以将任何盒子（box）放置在坐标系统的任何 ......
一个网站的优化有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面将对目前流行的DIV+CSS的命名规则整理如下：
页头：header 登录条：loginBar
标志：logo & ......
