那些花儿 » CSS http://0-o-0.cc Those Flowers - Just A Blog Sun, 05 Feb 2012 12:41:48 +0000 http://wordpress.org/?v=2.8.3 en hourly 1 复制网页图片和CSS到邮件 http://0-o-0.cc/index.php/2010/02/copy-css-to-mail/ http://0-o-0.cc/index.php/2010/02/copy-css-to-mail/#comments Sat, 06 Feb 2010 07:01:50 +0000 長生天 http://0-o-0.cc/?p=2455 最近需要把做好的网页复制到邮件中去，但是直接贴过去发现没有图片和css。
图片比较好解决，只要上传到外部空间然后用绝对地址就好了。
css失效，据说是大多数邮箱默认把网页body以外的部分删掉，所以外挂css不行，但是我尝试把css写到body里，也不行，最后想到个独门秘笈：
在body里加个table～

比如原来的网页body是

<body>
<div id="wrap">
内容内容内容内容内容内容内容
</div>
</body>

只要改成

<body>
<table><tr><td> //紧跟着<body>加这一句
<div id="wrap">
内容内容内容内容内容内容内容
</div>
</td></tr></table> //</body>上加这一句
</body>

就OK了，无论CSS写在哪都不会丢，具体什么原因……我不是前端我也不知道XD～

=========================

PS：随邮箱过滤规则和网页内容不同，这个方法一不一定适用，最好是网页全用table，然后把CSS写到body里去。

]]> http://0-o-0.cc/index.php/2010/02/copy-css-to-mail/feed/ 3 pagenavi-css.css备份 http://0-o-0.cc/index.php/2009/02/pagenavi-css/ http://0-o-0.cc/index.php/2009/02/pagenavi-css/#comments Sat, 14 Feb 2009 07:36:11 +0000 長生天 http://0-o-0.cc/?p=340 自动升级pagenavi把原来的CSS给刷没了，又改了一遍，留个备份，省得以后升级再改。

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 1px 2px 1px 2px;
margin: 2px;
text-decoration: none;
color: #3B3125;
background-color: #D9C69E;
}
.wp-pagenavi a:visited {
padding: 1px 2px 1px 2px;
margin: 2px;
text-decoration: none;
color: #3B3125;
background-color: #D9C69E;
}
.wp-pagenavi a:hover {
color: #FFF0D9;
background-color: #713414;
}
.wp-pagenavi a:active {
padding: 1px 2px 1px 2px;
margin: 2px;
text-decoration: none;
color: #3B3125;
background-color: #D9C69E;
}
.wp-pagenavi span.pages {
padding: 1px 2px 1px 2px;
margin: 2px;
color: #FFF0D9;
background-color: #713414;
}
.wp-pagenavi span.current {
padding: 1px 2px 1px 2px;
margin: 2px;
font-weight: bold;
color: #FFF0D9;
background-color: #713414;
}
.wp-pagenavi span.extend {
padding: 1px 2px 1px 2px;
margin: 2px;
color: #000000;
}

哎，啥时候才能把IE6赶尽杀绝啊……

]]> http://0-o-0.cc/index.php/2009/02/pagenavi-css/feed/ 1 网页适应不同分辨率最简单的方法 http://0-o-0.cc/index.php/2008/06/webpage/ http://0-o-0.cc/index.php/2008/06/webpage/#comments Fri, 13 Jun 2008 17:12:03 +0000 長生天 http://0-o-0.cc/?p=149 今天帮人做网页，做到最后找我哥验证Bug，发现在不同分辨率下表格和DIV层严重错乱，怎么设置层的边距都无法满足各种分辨率的需要，网上看了很多方法不是JS判断客户端就是定义一大堆CSS，最后终于找到个简单点的。请见文中红色部分。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网页适应不同分辨率最简单的方法</title>
<style type="text/css">
<!--
body { margin:0; padding:0; } //这句不是必需，但是能解决某些浏览器上边距留白的问题~
#center {
width:778px;  //视网页宽度而定
margin:0 auto; //意思是网页上下边距为0，左右边距自适应
}
-->
</style>
</head>
<body>
<div id="center">
网页适应不同分辨率最简单的方法：
在网页所有内容外嵌套一个总的DIV层，如本例中的"center"，定义"center"的CSS如上所示即可~
</div>
</body>
</html>

]]> http://0-o-0.cc/index.php/2008/06/webpage/feed/ 7 网页去色的方法 http://0-o-0.cc/index.php/2008/05/css-gray/ http://0-o-0.cc/index.php/2008/05/css-gray/#comments Mon, 19 May 2008 09:46:42 +0000 長生天 http://0-o-0.cc/?p=135 今天是国家哀悼日，很多门户网站博客社区都已经将网页改成灰色以志哀，甚是壮观。

下面是流传较广的通过CSS滤镜给网页去色的代码
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
将这段代码复制到CSS里就可以了
对没有使用CSS的网站，可以在<html>与</html>间加入
<style>
html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
其实，用filter: gray;就可以实现，不过据说filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);运行起来更有效率，总之都会让网页变卡

如果上述代码在IE下没有效果，八成是网页协议的问题，请将<html>和<html>上面的内容替换为
<!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">
如果你的网页写得不标准，添加最新协议后出现排版错误，那你可以试试将
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
替换为
html,body,p,div,form { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
如果你的网页有调用，替换后调用框背景变白，那可以试试去掉html,body,p,div,form中的div,

如果还没有效果。。。请确认您使用的是IE内核浏览器，CSS滤镜只在IE内核下有效，早上我傻了吧唧的加上代码看着没效果就撤了，下午才反应过来我用的是Opera……

]]> http://0-o-0.cc/index.php/2008/05/css-gray/feed/ 2