Xhtml CssRocky.Wen_百度空间

文章列表

您正在查看 "Xhtml Css" 分类下的文章

2010年09月14日星期二下午 2:33

今日测试：各浏览器对box-shadow的支持情况：
Firefox3.6.9支持需要加 -moz-
Opera10.61支持
Safari5.0.1支持需要加 -webkit-
Chrome6.0.472支持需要加 -webkit-

box-shadow:1px 2px 13px green
x轴 y轴阴影大小阴影颜色

.box{box-shadow:1px 2px 13px green;-moz-box-shadow:1px 2px 13px red;-webkit-box-shadow:1px 2px 13px black;}

Opera 为绿色
Firefox 为红色
Safari和Chrome为黑色

阅读全文>>

类别：Xhtml Css|评论(0) |浏览(101)

各个浏览器对text-shadow支持

2010年09月14日星期二下午 2:07

今日测试：各浏览器对text-shadow的支持情况：
Firefox3.6.9支持
Opera10.61支持
Safari5.0.1支持
Chrome6.0.472支持

text-shadow:1px 2px 3px red
x轴 y轴阴影大小阴影颜色

阅读全文>>

类别：Xhtml Css|评论(0) |浏览(112)

各个浏览器对@font-face支持

2010年09月14日星期二上午 10:54

只列出支持 ttf文件的，因为eot文件我很难找到。
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
@font-face { font-family: ygyxs2; src: url('ygyxs2.ttf ');}
body{font:62.5%/1.6 Arial}
h1{font-size:1.8em}
p{font:1.8em ygyxs2}
</style>
</head>

<body>

阅读全文>>

类别：Xhtml Css|评论(0) |浏览(140)

各浏览器多背景支持情况

2010年09月13日星期一上午 10:51

今日测试：各浏览器对多背景的支持情况：
Firefox3.6.9支持
Opera10.61支持
Safari5.0.1支持
Chrome6.0.472支持

各个背景 z轴关系：前面大于后面的

测试代码如下：

<!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

阅读全文>>

类别：Xhtml Css|评论(0) |浏览(151)

各浏览器border-radius支持情况

2010年09月13日星期一上午 10:08

今日测试：各浏览器对radius的支持情况：
Opera10.61支持
Safari5.0.1支持
Chrome6.0.472支持
（以上版本浏览器已经可以彻底抛弃 -webkit- 或 -khtml- 了）
由于以上浏览器都采用随时升级的机制，所以我以后就准备直接写border-radius了

IE不用说，除了IE9其他都不行。

Mozilla Firefox 4.0 Beta 5 也不支持，还得继续使用 -moz-border-radius

阅读全文>>

类别：Xhtml Css|评论(0) |浏览(282)

CSS的clip属性

2010年07月15日星期四下午 6:04

说真的，要不是看书，我都把这个属性给忘了。
不过就算是看到了我也真没想起来，这个属性到底是干吗的。
昨天晚上在家搞了一下，没有效果，今早来公司，有搞了下，出效果了。
没有效果是因为，这个clip属性必须要和position:absolute一起使用。否则不会出现效果
clip属性：裁剪显示区域，可用属性(不仅仅包括)clip:rect(num,num,num,num);
网络上解释这几个属性，我是真没明白，这几改了些数值，也没明白，这个right、bottom到底是参照哪个圆点偏移，不过，我却发现了另外一个理解这个属性的解释方法。

cl

阅读全文>>

类别：Xhtml Css|评论(0) |浏览(85)

em和strong(一)

2010年07月13日星期二下午 8:46

这两个标签总是有人探讨如何用，最近正在重新看《HTML与XHTML权威指南（第五版）》。
“现在最常用的基于内容的样式是强调模式（emphasis），用<em>标签来表示。如果觉得语气很强的话，可以使用<strong>内容样式。其他基于内容的样式有<code>，表示程序代码的片段；<kbd>，表示由用户从键盘输入的内容；<samp>，表示范例文本；<dfn>，表示定义；<var>，描述了编程语言的代码中的变量名称。所有这些标签都有对应的结束标签”。

阅读全文>>

类别：Xhtml Css|评论(0) |浏览(140)

css hack

2010年06月18日星期五下午 4:01

那天有幸和开心网的一个同学聊天，搞出很多关于hack的东西。

我本身是真搞不懂，hack很牛么？推崇这东西干吗啊？不过也是，这东西我掌握的是不怎么好，因为我平时也不用啊。

一个段落，ie6 ie7 ie8 ff要四种不同的样式，怎么写hack？这东西有什么意义么？炫技啊？项目中能用到？

不过，既然自己这方面确实掌握的不好，那就补下，睡觉有这么多的人喜欢用这个hack呢？

[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

阅读全文>>

类别：Xhtml Css|评论(0) |浏览(97)

css3机器猫

2010年05月19日星期三下午 5:25

早上在群里看到有人发一个日本人做的CSS3的机器猫，想想自己也做一个玩玩吧。全当练习属性了。

基本就是用到了border-radius和其在各个浏览器中的私有写法，还有transform在各个浏览器中的私有写法。

如图：