搞基百科 - 有码的百科全书

由 张小强 撰写 　http://lifeever.com/site/31.html

http://stackoverflow.com/questions/2168855/css-url-whats-better

/* Example #1: */ background-image: url(image.png);
/* Example #2: */ background-image: url("image.png");
/* Example #3: */ background-image: url('image.png');

W3C 说这仨都合法

开始和结束的引号只需要一致即可

如果有特殊字符在URL里,那就必须用引号或转码(如下)

语法和基本数据类型 Syntax and basic data types

URI值的语法应该是

url(
跟着可选的空白
跟着可选的单引号'或双引号"
跟着URI本身
跟着可选的双引号"或单引号'
跟着可选的空白
)

单引号开始必须单引号结束
双引号同楼上

特殊字符转码:
有些特殊字符出现在没引号引起来的 URI 里,例如 括号 逗号 空白字符 单引号 双引号, 必须用反斜杠转了个码
于是他们看起来就是:

\(
\)
\,

微软的...

http://msdn.microsoft.com/en-us/library/ms532930%28VS.85%29.aspx

<!--[if IE]>

   <style type=\"text/css\">

   .color-block {
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
       zoom: 1;
    } 

    </style>

<![endif]-->

http://www.komodomedia.com/blog/2010/10/border-radius-rounded-images-and-avatars/

很淫荡,恩恩

<span class=\"frame\">
<img src=\"/path/to/img.png\" />
</span>

.frame{
display:inline-block;
position:relative;
overflow:hidden;
}
.frame>img{
vertical-align:top;
}
.frame, .frame:before{
-moz-border-radius:100em;
border-radius:100em;
}
.frame>img{
-webkit-border-radius:100em;
}
.frame:before{
content:'';
display:block;
position:absolute;
left:0;
right:0;
width:100%;
height:100%;
margin:-10em;
border:10em solid #1a1a1a;
}

硬伤是,border只能实色不能用图案

-webkit-text-size-adjust:none;/*for chrome zh_CN*/
font-size:0;