对于Css3的新属性,你又了解多少呢?虽然大多数的css3属性在很多流行的浏览器中不支持,但是我们鼓励在前端开发中要学会并且运行这些css3属性,因为这是未来的趋势。
关键是首先确定你是否对各个浏览器之间的细微的差别有所了解,你能肯定的说IE显示的90度的角就不圆滑嘛?这取决于你的决定。但是要永远记住,网站设计不必看到所有浏览器的不同。
1. Border-radius

<!–[if lte IE 6]>……<![endif]–>
Ite:less than or equal to意思是小于或等于IE6浏览器,用于IE浏览器的条件注释,常用于CSShack,针对IE的JS等。
在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。
同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页(XHTML+CSS)解释执行的显示状况不尽相同。并且,其他非IE浏览器与IE对某些CSS解释也不一样。所以,通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。
条件注释只能用于Explorer 5+ Windows(以下简称IE)(条件注释从IE5开始被支持)。如果你安装了多个IE,条件注释(Conditional comments)将会以最高版本的IE为标准(目前为IE 7)。
条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。
通俗点,条件注释就是一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如:
<!–[if IE]>
这里是正常的html代码
<![endif]–>
第一步一般是建立一个关键字替换表 如 id keyword url 等字段
第二步是文章显示时把【文章】内容和【关键字替换表】对应的关键字替换成“<a href="[url字段]" target="_blank">[keyword字段]</a>”
如【关键字替换表】
核桃 http://www.todocn.com
核桃博客 http://www.todocn.com/blog/
替换内容: 核桃博客
1、替换结果为 <a href="http://www.todocn.com" target="_blank">核桃</a>博客
这个显然不是我们想得到的结果
解决方法:替换顺序需要调整为,先长后短。即先替换“核桃博客”再替换“核桃”
2、替换结果为 <a href="http://www.todocn.com/blog/" target="_blank"><a href="http://www.todocn.com" target="_blank">核桃</a>博客<a>
这个乱套了!第二次把a标签之间的文字替换掉了。
解决方法:替换时不替换a标签之间的文字,避免重复替换。
现在把我写的代码复制出来供大家参考
胡侃变态的网站设计
看到50个强大的CSS技术,赶紧收藏过来了!
CSS技巧
1. Triadic Background Setting with CSS
利用三張背景圖片來創造一種錯覺上的3D效果,非常的酷. [via Wilson Miner]
Illustrator技巧
原位粘贴技巧
CTRL+C 复制)}J q3x@ @-o
CTRL+F 原位贴到前面我爱印刷论坛1x? T?4R*^/q
CTRL+B 原位贴到后面