`
cjx186
  • 浏览: 263673 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

CSS工具列表

阅读更多

用户界面

 

易用性检查

整理和优化

字体

表单

布局

酷站

帮助向导 / Hacks / 学习资源

  • SelectOracle
    Explains the structure of CSS- and HTML-documents. Enter semi-colon separated selectors or just paste in your existing rulesets into the “Direct Input area, or provide the URL of a stylesheet or an HTML document with an embedded stylesheet in the “URL Input area. English, Spanish, German and Bulgarian versions are available.
  • Tom Lee has a tutorial on Max-width in IE Using a CSS Expression. Word of caution: I hear using this method can be rather hairy, in some cases crashing the browser.
  • Future-proof your CSS with Conditional Comments from Bruce Lawson is a great comprehensive collection of CSS’s that, when combined, addresses most of CSS issues with different browsers.
  • IE Word Wrap Doppelganger Bug
    这个站点展示了标题(heading)元素在IE6中换行时会留个小尾巴的bug。
  • Images, Tables, and Mysterious Gaps seems like something I should’ve known already about the behavior of inline elements in strict mode. But of course it took me an hour of agony before finally realizing the ultimate truth: I’m not that smart.
  • Easy CSS hacks for IE7IE7下可以用的CSS Hacks。
  • 针对IE7, Firefox 1.5和Opera 8.5的Web浏览器CSS支持 一览表。
  • snook.ca on the “+ CSS hack which you can use to target IE6 and IE7 only.
  • On having layout
    提供了很多信息围绕IE其特有的“渲染概念:hasLayout — one of the major causes for headache when it comes to how IE decides to pain the boundaries of certain HTML elements: 

     

    • “Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为“尺寸bug(dimensional bugs),意思是这些 bug 可以通过赋予相应元素某个宽度或高度解决。这便引出关于“layout的一个问题:为什么它会改变元素的渲染特性,为什么它会影响到元素之间的关系?这个问题问得很好,但却很难回答。在这篇文章中,我们专注于这个复杂问题会有那些方面的表现,某一方面的具体讨论和范例请参考文中给出的相关链接。

    这篇文章的中文翻译参见承志的SharkUI:On having layout

  • Negative text-indent and underline — No matter how far on the left the real text is, the underline will be stretched all the way to the right in some PC browsers, namely the Firefox.
  • IE6 Multi Class Bug — Again, something that could’ve brought to my attention last week!
    • …Internet Explorer fails to render backgrounds for elements that have both an ID and a class defined. For instance, #photos.background1 will display the corresponding background in IE6 for Windows, but once that has been defined, #photos.background2, #photos.background3, etc. will not be displayed.
  • Ten more CSS tricks you may not know
    包括少量的IE bug修复手段
  • The “Holly Hack — 著名的taming IE/Win CSS display bug by assigning a dimensional value such as height:1%;
  • CSS tests
    很不错的一系列CSS测试页面
  • max-width in IE
    用IE的expression来模拟max-width
  • http://imfo.ru/csstest/css_hacks/import.php
    用@import来针对不同的浏览器隐藏CSS的一系列方法。
  • Essentials of CSS Hacking For Internet Explorer
    助你对付IE的一系列建议。
  • Web 浏览器标准支持
    用图表来比较IE 6, Firefox 1.0, 和Opera 8.
  • The perils of using XHTML properly
    正确使用XML申明和MIME类型。
  • IE Double Float Margin Bug.

小贴士

分享到:
评论

相关推荐

    CSS格式化工具

    CSS格式化工具

    压缩JS和CSS工具

    压缩JS和CSS工具

    DIV_CSS工具 制作工具

    css制作工具 DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具DIV_CSS工具

    网页设计css工具及api

    网页设计css工具及api

    css样式工具 css学习工具

    css样式工具,css学习工具,更容易找到你想要的样式。

    CSS减肥工具Firefox插件CSS Usage

    CSS Usage.xpi CSS减肥工具Firefox插件CSS Usage使用教程.txt firebug-2.0.16-fx.xpi Firefox Setup 30.0b9.exe

    可视化CSS工具

    面对这一问题,笔者苦苦寻觅,终于发现了一款可以在线编辑的可视化CSS工具。打开http://www.fonttester.com/这个站点,只要根据自己的需要进行设置,便可轻松得到相应的CSS代码,免去了手动编辑的麻烦。说了这么多...

    常用CSS工具类

    常用 CSS 工具类。快速做页面,少写重复代码,减少起类命的痛苦。

    CSS工具库.rar

    各个版本的css开发手册,参考文档,以及css属性速查表,ie浏览器兼容表,CSS滤镜参考手册

    CSS优化工具CSSTidy.zip

    CSSTidy 是一个开源的样式表CSS优化工具,使用csstidy 可以轻易的将你的CSS 样式压缩,压缩率能达到1/4以上,还可以自动将CSS代码中的注释、多余的属性去掉,并将相似的样式合并以达到优化压缩CSS样式最大化。...

    Yahoo Css压缩工具

    这是雅虎的Css压缩工具,可以使css文件体积缩小,去掉了所有的空格,很好的工具

    Firefox浏览器插件Firebug和CSS减肥工具CSS Usage(清理无用CSS样式的CSS精简工具)

    第四步,在Firefox浏览器中打开我们要优化的页面(本地的页面也可以),点击右上角的firebug(有个小蜜蜂图标),打开firebug工具窗口,我们会看到在工具选项中我们有一个 CSS Usage工具的按钮。 首先我们来分析最...

    CSS工具-CSS工具

    CSS Multi-element Rollover Generator 使用 CSS 和一个图片创建出一个翻转按钮的样式。 CSS Rounded Box Generator Ruthsarian Layouts 6 个 CSS 页面布局模板,包括颜色、标题等。 2 栏和 3 栏的 CSS 布局框架 ...

    Table转div+css工具

    这个工具可以将原来table的html转换为div+css

    js和css压缩工具

    js和css压缩工具希望对有这方面需要的朋友有所帮助!

    CSS菜单制作工具 CSS菜单制作工具

    CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单制作工具 CSS菜单...

    网页CSS文件获取工具

    css图片提取工具,是我为了方便制作网站而编写的一个小巧的工具。它功能单一,但可以省去不少的麻烦。 比如你要做一个网站,看到一个页面很好,但现在css图片一般都不能自动保存到本地的,要自己一个一个在css文件...

    好用的css格式化工具

    好用的css格式化工具好用的css格式化工具

    JS_CSS压缩工具

    JS_CSS压缩工具,有效减小js、css的体积大小

Global site tag (gtag.js) - Google Analytics