QLJ's Blog » css

css3字体阴影text shadow

qlj — Mon, 12 Apr 2010 17:17:51 +0000

text-shadow基本语法

text-shadow ： none | > none | [>, ] * > 或none | > [, > ]*

：指定颜色。
：由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
：由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个 length 全部设定为 0 。请参阅长度单位。

.text_shadow{
    width:200px; 
    padding:40px 20px; 
    background:#a0b3d6; 
    text-shadow:2px 2px 1px white;
}

下面是一个火焰字体的效果

#xibit{ padding-top:10px;text-align:center;text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, 2px -15px 11px #FF8800, 2px -15px 10px #FF2200;color:#000; font-size:24px;font-family:"微软雅黑","宋体",Geneva, sans-serif;}

CSS防止图片过大而撑破网页

qlj — Wed, 10 Feb 2010 07:59:13 +0000

部分文章内容过大
防止DIV 错位
在supersite的CSS里找到的

#textbody img{ width: expression(this.width > 580 ? 580: true); max-width: 580px;  }

解密WORDPRESS2.8FIREFOX下圆角的奥秘

qlj — Sat, 13 Jun 2009 14:59:54 +0000

昨天的偶然发现

FIREFOX下显示WORDPRESS后台显示圆角 IE下却不显示

万恶的IE

图大

错位太严重

向下拉一下

wordpress2.8在不同游览器下后台显示样式不一样嘛

在上一张图

firefox下WORDPRESS后台

今天偶然看到关于CSS3中的一段

中间有这么一段

那么，有什么新东西？实际上CSS3的声明是border-radius。
 到目前为止，这个特性尚未确定，众多浏览器生产商通过前缀支持该属性。
Firefox使用  -moz- ， Safari使用 -webkit-

然后再进后台看源码找CSS

http://qlj.sh.cn/ wp-admin/css/colors-fresh.css?ver=20090610

搜索-moz

同样也看到了对应的内容

	-moz-box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
	-khtml-box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
	box-shadow: rgba(0,0,0,0.2) 0 -1px 0;

不过这里还有个KHTML 貌似支持KDE下的Konqueror

wordpress已经赶上CSS3 啦哈哈

CSS3的浏览器支持状况：

* √ Firefox (3.05+…部分支持)
* √ Google Chrome (1.0.154+…部分支持)
* √ Google Chrome (2.0.156+…较好支持)
* × Internet Explorer (IE7, IE8 不支持)
* √ Opera (9.6+…很少支持)
* √ Safari (3.2.1+ windows…较好支持)