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
相关文档：
原文传送门：http://blog.csdn.net/dux003/archive/2009/11/08/4786371.aspx
csdn blog css自定义设置
可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的，整个页面主要由三个div组成，它们的id分别是:
csdnblog_header, csdnblog_sidebar, csdnblog_conten ......
overflow从字面意义上来讲就是溢出的意思，换句话说，你有个层，但是里面的内容，图片或者文字要比层大，overflow就是针对这种情况进行处理的。
包含4个属性值，visible,hidden,auto,scroll
visible就是超出的内容仍然正常被显示出来。
hidden就是超出的内容被隐藏。 &nbs ......
效果图
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......
最近一直很忙，做一个学校的网站项目，是asp.net2.0，做这个项目过程中有好多经验可以总结一下，不过现在项目进度很紧，先放一放，等做完了一起总结一下。今天简单写写使用母版页时内容页中如何使用css和javascript的问题。
由于网站的主要频道页和列表页的头部和底部都是一样的，如果将每个页� ......
一个网站的优化有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面将对目前流行的DIV+CSS的命名规则整理如下：
页头：header 登录条：loginBar
标志：logo & ......
