css教程
早前在《CSS3 box-shadow》一文中详细介绍了Box-shadow的使用。他可以让我们轻松的实现盒子阴影效果，多个站点都有这方面的介绍。但记得有一回在群里和朋友讨论这个属性时发生热烈的讨论。讨论的主题就是：box-shadow
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁，更好维护的浏览
在做wap新站时候使用了很多html5和CSS3的属性，经测试，一般标准的浏览器（包括PC端的和手机客户端浏览器）都是兼容的比较好，惟独发现Opera Mobile手机浏览器（也就是国内的欧朋浏览器）对CSS3兼容的不太好。我测试的是最新版本7.
百分比值同关键字很接近，但其操作方式不一样。用百分比值来居中一幅背景图像，也很简单： body { background-image;url(beijing.gif); background-repeat:no-repeat; background-position:50% 50%; } 这使得背景图像
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性:Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的
line-height的概念line-height CSS中的这一属性，我在学校的时候就已经“会”使用了，之所以加上引号，因为一直对line-height一知半解，用的最多的就是单行文本居中。line-height（行高）从字面上理解就是行的高度，而实际呢行高指
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞不准确，我
请在各浏览器里查看以下input的显示效果！ 解决后显示效果！ 具体代码 .button{ margin:0; padding:0 0.25em; width:auto; *width:1;/*宽度不带单位我是第一次见，不知道其作用！- -!*/ overflow:visible; } 还有一个问题就是input的文字垂直居中问题，这里引
采用如下的样式 [code] margin:auto; width:98%; overflow:scroll; _height:expression(this.scrollHeight365?365px:auto); [/code]
今天在用到text-overflow的ellipsis属性得时候，突然发现原来FF下是没有省略号得（才发现，汗）。不想把这个问题交给后台或者用JS来做了，于是找了个折中的办法，就是:after伪类来模拟FF下的省略号。具体做法就是给content一个的值，然后hack解决宽度问题，这
很久一段时间，我都在寻求一种文字从上-右-下方向环绕广告位的一个办法，而在找到之前，基本都是利用发布编辑器的所见即所得模式来实现广告的环绕。或者是利用程序截取一段文字在头部的办法。今天终于找到一种写法，就是用一个宽度为1的空标签的高度来占位，
垂直居中在IE浏览器下的实现比较难实现，而更难实现的应该是未知内容高度的垂直水平居中！还好网上也有很多高人发布了一些解决的方法！这里我进行了一些改良，兼容FF，IE6，IE7，Opera...如发现问题有劳回复评论！ [code]mce:style!-- *{margin:0;padding:0;b
