文章列表
 
您正在查看 "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为黑色
 
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轴 阴影大小 阴影颜色
 
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>
 
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
 
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
 
2010年07月15日 星期四 下午 6:04
说真的,要不是看书,我都把这个属性给忘了。
不过就算是看到了我也真没想起来,这个属性到底是干吗的。
昨天晚上在家搞了一下,没有效果,今早来公司,有搞了下,出效果了。
没有效果是因为,这个clip属性必须要和position:absolute一起使用。否则不会出现效果
clip属性:裁剪显示区域,可用属性(不仅仅包括)clip:rect(num,num,num,num);
网络上解释这几个属性,我是真没明白,这几改了些数值,也没明白,这个right、bottom到底是参照哪个圆点偏移,不过,我却发现了另外一个理解这个属性的解释方法。

cl
 
2010年07月13日 星期二 下午 8:46
这两个标签总是有人探讨如何用,最近正在重新看《HTML与XHTML权威指南(第五版)》。
“现在最常用的基于内容的样式是强调模式emphasis),用<em>标签来表示。如果觉得语气很强的话,可以使用<strong>内容样式。其他基于内容的样式有<code>,表示程序代码的片段;<kbd>,表示由用户从键盘输入的内容;<samp>,表示范例文本;<dfn>,表示定义;<var>,描述了编程语言的代码中的变量名称。所有这些标签都有对应的结束标签”。
 
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
 
2010年05月19日 星期三 下午 5:25
早上在群里看到有人发一个日本人做的CSS3的机器猫,想想自己也做一个玩玩吧。全当练习属性了。

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

如图:




DEMO1( 发在蓝色理想里了)
 
2010年05月06日 星期四 下午 11:39

上文的《作为值的函数》中,引出了body的默认高度或者宽度是多少?

我们将高度和宽度的样式去掉,添加一个border:1px solid #000rulerbody

 
   
 
 
文章分类
 
   
 
文章存档
 
     
 
最新文章评论
  

胡子再见!
 

胡子加油!
 

胡子你好!
 

回复蒙娜丽莎的最爱:这个应该不算是hack而是 各个浏览器的私有属性 http://www.ocss
 

只要通过css hack是不是这个border-radius就可以用到大多数浏览器了????
   
帮助中心 | 空间客服 | 投诉中心 | 空间协议
©2012 Baidu