Archive for the ‘CSS’ Category

24 12 2010

Flash 点击穿透

bigCat Posted in CSS - 0 Comment

https://developer.mozilla.org/en/css/pointer-events\r\n\r\n就是他妈的不能透明区域穿透,非透明区域继续捕获事件\r\n\r\n要么全穿透,要么全傻逼\r\n\r\n不过IE下倒是可以这样...sigh\r\n\r\n到目前为止,Firefox 3.6+、Safari 4 和Google Chrome支持Pointer-events。

12 11 2010

HTML标签语义对照表

bigCat Posted in CSS - 0 Comment

张小强 撰写  http://lifeever.com/site/31.html\r\n

\r\n
\r\n
\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

标签名 英文全拼 中文翻译
a anchor
abbr abbreviation 缩写词
acronym acronym 取首字母的缩写词
address address 地址
b bold 粗体
big big 变大
blockquote block quotation 区块引用于
br break 换行
caption caption 标题
center center 居中
dd definition description 定义描述
del delete 删除
div division 分隔
dl definition list 定义列表
dt definition term 定义术语
em emphasized 加重
fieldset fieldset 域集
font font 字体
h1~h6 header1~header6 标题1~标题6
hr horizontal rule 水平尺
i italic 斜体
ins inserted 插入
legend legend 图标
li list item 列表项目
ol ordered list 排序列表
p paragraph 段落
pre preformatted 预定义格式
s strikethrough 删除线
small small 变小
span span 范围
strong strong 加重
sub subscripted 下表
sup superscripted 上标
u underlined 下划线
ul unordered list 不排序列表
var variable 变量
18 10 2010

background-image: url() - what's better?

bigCat Posted in CSS - 1 Comment

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

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

\r\n\r\nW3C 说这仨都合法\r\n\r\n开始和结束的引号只需要一致即可\r\n\r\n如果有特殊字符在URL里,那就必须用引号或转码(如下)\r\n\r\n语法和基本数据类型 Syntax and basic data types\r\n\r\nURI值的语法应该是\r\n

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

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

\(\r\n\)\r\n\,

\r\n\r\n\r\n\r\n\r\n

18 10 2010

rgba

bigCat Posted in CSS - 1 Comment

微软的...\r\nhttp://msdn.microsoft.com/en-us/library/ms532930%28VS.85%29.aspx\r\n\r\n

<!--[if IE]>\r\n\r\n   <style type=\"text/css\">\r\n\r\n   .color-block {\r\n       background:transparent;\r\n       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);\r\n       zoom: 1;\r\n    } \r\n\r\n    </style>\r\n\r\n<![endif]-->
14 10 2010

又一坨圆角实现,恩恩

bigCat Posted in CSS - 0 Comment

http://www.komodomedia.com/blog/2010/10/border-radius-rounded-images-and-avatars/\r\n\r\n很淫荡,恩恩\r\n

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

\r\n\r\n

.frame{\r\ndisplay:inline-block;\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n.frame>img{\r\nvertical-align:top;\r\n}\r\n.frame, .frame:before{\r\n-moz-border-radius:100em;\r\nborder-radius:100em;\r\n}\r\n.frame>img{\r\n-webkit-border-radius:100em;\r\n}\r\n.frame:before{\r\ncontent:'';\r\ndisplay:block;\r\nposition:absolute;\r\nleft:0;\r\nright:0;\r\nwidth:100%;\r\nheight:100%;\r\nmargin:-10em;\r\nborder:10em solid #1a1a1a;\r\n}\r\n

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

Host: (miao) | Word: Press | Code: HTML5