Category Archives: (X)HTML/CSS/XML/XSL

關於(X)HTML/CSS/XML/XSL的一切。

浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer

CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack,但是我今天发布的你可能并不都很了解,因为这些都是只针对单独一个浏览器的 CSS Hack。

Posted in (X)HTML/CSS/XML/XSL | 41 Comments

拥抱 CSS 裸奔节,用 JavaScript 强制脱衣

因为我的博客很多时候都是处在调试中的,并且很多插件诸如 Simple Tags 是直接在标签里给元素加上 CSS 的,所以如果想要“裸奔”光是去除 .css 文件是远远不够的,那么有没有一种强制的方法呢?我昨晚就在想这样一种方法。于是被我想到了。也就是本文介绍如何 “强制脱衣” ,也就是教你如何强制去除网站的 CSS

实现原理:众所周知,CSS 调用有三种方法,一种是 link 方式,一种是 <style></style> 包裹方式,最后一种就是直接且暴力的 style=”" 方式,通过 Javascript 代码,强制禁用 type=”text/css” 的 link 或者 让 link 链接 css 的 href=”" 为空,且让 <style></style>
被清除或者禁用,且让 style=”" 为空 或者去除。 Continue reading

Posted in (X)HTML/CSS/XML/XSL, JS/Ajax/AS/Flex | 29 Comments

CSS 改变选取文字的颜色(CSS3 – 目前 Firefox/Safari only)

无疑在这个技术迅猛发展的现在,css2 已经显得何其单薄,css3 草案出来后,无疑将为 web 设计带来更多新奇的效果。选取文字颜色的改变就是 css3 中的一项规范。虽然出来得比较早了,但是鉴于还有很多人不知晓,所以我写出来分享给大家。

Posted in (X)HTML/CSS/XML/XSL | 16 Comments

一张图片实现的 css 圆角滑动门导航菜单

css 滑动门样式我想应该是个陈谷子烂芝麻的问题了,我之前一直使用的两张图片的方式进行处理的,后来偷懒,用一些浏览器的私有属性进行的直接圆角的方式,前者需要切图比较麻烦,后者通不过 W3C 验证。思索了一下,找到了一个只用一张图片实现的 css 圆角滑动门的方法。仅供存档以及学习笔记,高手可以绕行了,感兴趣的请继续阅读下去。

Posted in (X)HTML/CSS/XML/XSL | 22 Comments

讓你的 pre 标签能自動換行

最近發了很多都要貼代碼的文,我貼代碼用的插件是Wp-Codebox,另外我也比對過其他的一些插件諸如WP-Syntax和SyntaxHighlighter。這些插件被解析出來後無非就是<pre></pre>。但是有個問題就是有時候貼的代碼過長,它不會自動換行,我看到很多人的blog裡面貼的代碼都是需要把滾動條拉到最右端才能看到全部代碼。其實你只要定義下pre的css就可以了(我說的是廢話)。

Posted in (X)HTML/CSS/XML/XSL | 18 Comments

!important大法

IE6的對css標準化的支持的不盡人意總叫人十分的惱火,比如我今天幫別人做blog的模板的時候,在FF下明明顯示好好的,可是跑到IE6下一看,嚴重錯位。怪自己平時對web標準化修煉不夠,解決不了。第一感覺是想到了IE hack的if語句,可是這樣的話就意味著要重新建立一個.css文件,這可不好,有沒有辦法在同一個.css文件里面定義樣式來區別FF和IE6呢?這時候搜索到了!important語句。我發現 #div{ background-color: red !important; background-color: blue; }

Posted in (X)HTML/CSS/XML/XSL | 2 Comments

Page 2 of 3123