今天早上一个朋友和我说他们公司的一个博客页面很异常，看了一下发现这个页面打开之后会跳转到一个股票网站。很奇怪的是，我分析了一下居然没有外链，那是怎么跳走的？更奇怪的是，这个跳转至在IE里可行，Firefox和Chrome都不可以。怀疑他是改了什么东西，可是改了什么呢，？于是一句一句排查，当我排查到第三句的时候，惊人的一幕上演了。
在一个命名为13294813/my.css的样式里，我发现了下面这句：
@import url(http://shequ2.tool.hexun.com/13233896/my.css);
然后在这个命名为13233896/my.css的样式里：
body {onload:expression(
if(window.name!=”heuxn”){
location.href=”http://www.yinsec.cn/#hx”;
if(parent.window.opener)
{
}
window.name=”heuxn”
}
);}
看到了吗，就是这句，让一个普普通通的css文件具有了跳转功能！！
哈哈，明眼人应该想到了吧，
现在很多网站和博客都支持对css的编辑和自定义，这样，你就可以自己写一个css，然后让他跳转到你所指定的网站上去，
<link href=”http://shequ2.tool.hexun.com/13294813/my.css” type=“text/css” rel=“stylesheet”>
至于为什么这么做，我不多说了，您就偷着乐吧~
今天又要处理这类的问题，还是老生重弹的问题，
之前有总结过，今天再发一次。
IE系列浏览器不支持!important;这个参数，而其他浏览器都支持。
因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义，
例如，我们定义这样一个样式：
.colortest {
border:20px solid #60A179 !important;
border:20px solid #00F;
padding: 30px;
width : 300px;
}
在FF3中浏览时候，能够理解!important的优先级，因此显示#60A179的颜色；
在IE中浏览时候，不能够理解!important的优先级，因此显示#00F的颜色：
可以看到，利用!important，我们可以针对IE和非IE浏览器设置不同的样式，
只要在非IE浏览器样式的后面加上!important。
本来想找美工同事帮忙修改一下令人头大的js效果，怎奈那边一顿难产，
难道左侧侧边栏点击伸缩的效果就这么难缠么？没办法了。
本着自己动手、衣食无忧的精神，在网上新google了一个可以伸缩的效果，
套了套、改了改，测试IE及FF3下的效果，还不错。
下面就是样例，用得上的拿走吧~
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>欢迎光临</title>
</head>
<body>
<div style=”width:1000px; height: 300px; margin: 0 auto; border: 1px solid #000;”>
<div style=”width: 200px; height: 300px; border:1px solid #F00; float: left;” id=”left”></div>
<div style=”width: 10px; height: 300px; background: #0F0; float: left;”><a href=”#” onclick=”javascript:document.getElementById(‘left’).style.display = document.getElementById(‘left’).style.display ? ” : ‘none’;document.getElementById(‘right’).style.width = document.getElementById(‘left’).style.display ? ‘982px’ : ‘780px’;”>关</a></div>
<div style=”width: 780px; height: 300px; border:1px solid #00F; float: left;” id=”right”></div>
</div>
</body>
</html>
之前站点的consume中显示显示统计值一直都是调用php-pear的image_graph包实现的，那个东西文档稀缺而且对服务器要求较高，效果又不尽人意。前几天在csdn闲逛，发现一用css写的柱状图，觉得很不错，于是将现有生成图的那部分重新写了一下，效果还不错~
在网上抓的那段原始代码如下，很简单，想到做到：
css部分
html部分
某公司2007年1~4季度南北区域销售情况对照表（单位：万件）
|
北方 |
南方 |
| Q1 |
18 |
16 |
| Q2 |
32 |
34 |
| Q3 |
43 |
32 |
| Q4 |
18 |
32 |
好了，你粘到一起，试试，有问题留言~~
看别人的Blog发现，他日志的内容的第一个字会下沉，特显眼，
不知道应该修改那些地方以达到这样的效果，经过查文档，发现可以通过修改CSS实现！
修改风格的css文件，添加样式.textbox-content:first-letter 例如：
.textbox-content:first-letter { font-size: 25px;
margin: 0px;
margin-right: 10px;
padding: 5px;
COLOR: #ff6600;
FLOAT: left;
border: red 1px dotted;
}