全球有用的 CSS 列表：开发人员工具

IMP 请求：

非常欢迎您通过加入表格加入我的团队。

如果您能帮助保护人类免受冠状病毒爆发等各种疾病侵害的开源项目，我们也非常欢迎您加入开源智能系统 (OSINT)

https://github.com/Manishfoodtechs/OSINTHRH/wiki

本文并非试图列出所有现有的 CSS 开发工具，仅选取其中最有用的一些，并归类到相应的类别中。

一个工具要想真正有用，必须有完善的文档和友好的界面。遗憾的是，列表中的一些工具并不完全符合这些标准。如果有人知道界面更友好、功能更丰富的其他选择，请在评论区留言。

布局

CSS 布局生成器：
此生成器可创建三列（一列或两列）布局，包含浮动或固定布局，包含页眉和页脚。尺寸单位可以是 px、em 或 %。

网格设计器
允许您创建模块化网格布局，同时考虑以下参数：列数、列间距、字段大小、主字体大小、标题大小、缩进等。您还可以看到此网格中文本格式的基本元素的外观。

布局生成器
允许您创建弹性多列或网格布局。允许您设置宽度和颜色。CSS 代码自动生成。

HTML + CSS 模板生成器。
该服务允许您只需点击几下鼠标即可获得包含必要参数的成品 Diva 框架。选择参数后，系统将提示您下载包含 HTML 和 CSS 两个文件的存档。

PSD2CSS
服务，用于将 PSD 布局转换为已绘制的页面。快速、免费且质量相对较高。

CSS 框架

Boks
Boks 是一款基于 Blueprint CSS 框架的可视化编辑器，以 Adob​​e AIR 应用程序的形式呈现。使用此编辑器，您可以直观地创建和填充网格、设置垂直节奏，并以 HTML 和 CSS 格式导出结果。

Blueprint CSS 框架的有用工具和链接。

YAML Builder
YAML Builder 是一种基于 YAML HTML / CSS 框架以可视化方式创建模板的在线服务。

YUI CSS 网格生成器
一个简单的 Web 界面，用于基于 YUI 网格快速创建跨浏览器模板。

960 网格系统 - 可变网格系统
可变网格系统是一种基于 CSS 框架 960 网格系统快速创建 CSS 网格的方法。

网格系统生成器
网格系统生成器允许您创建具有固定布局和有效 CSS/XHTML 的模板。模板可以基于以下四种 CSS 框架之一：960 网格系统、黄金网格、1kb 网格和简单网格系统。除了每个模板外，还会创建一个 png 文件，以便在 Fireworks、Illustrator、OmniGraffle、Photoshop 或 Visio 中进行设计。

字体

Typetester
是一款非常成功的网页应用，旨在比较字体。据开发者介绍，它的主要目的是简化网页设计师的工作。用户可以同时比较三种字体。

CSS 类型设置
此服务允许您将 CSS 属性应用于文本并查看其外观。所有更改都会立即反映在示例中，并且生成的 CSS 代码可以在将来复制和使用。

TypeChart
您可以使用 Typechart 评估各种字体的设计。找到您喜欢的选项后，您可以复制 CSS 代码以在您的网站上使用。

Texster
是一款为您的网站选择“安全”字体的服务。尽管市面上有很多类似的字体资源，而且大多是外来的，但 Texster 的独特之处在于，它会立即显示所有字体的搜索结果，方便您进行比较并选择所需的字体。

CSS-Typoset 矩阵和代码生成器

CSStxt 一个
用于创建 CSS 字体样式的简单的基于 Web 的工具。

EM 计算器 AIR 应用程序
XHTML 和 CSS 中的垂直节奏计算器；可轻松将 px 转换为 em；自动计算填充和边距。

Em 计算器
Em 计算器是一个小型 JavaScript 工具，可以将特定的 px 值转换为 em 中的相应值。

PXtoEM
PXtoEM 是一个显示各种单位的字体大小的表格，它还有助于将大小从一个值转换为另一个值。

颜色

CSS 颜色编辑器
CSS 颜色编辑器允许您替换网站的配色方案。在服务上，选择本地 CSS 文件，然后服务会生成已替换颜色的 CSS 文件。

调色板生成器
根据给定的图片，生成由关键颜色组成的调色板。

颜色对比度检查
一个真正直观的在线颜色检查工具，您可以以十六进制格式或借助滑块输入正面和背景的颜色。该工具可立即显示结果 - 它会显示此组合的外观，以及在色觉较差的用户观看时或在黑白屏幕上观看时是否具有足够的对比度（WCAG 2 测试）。

Colorzilla
是 Firefox 的 ColorZilla 扩展程序。在 ColorZilla 中，您可以通过点击网站任意位置获取颜色，然后将该颜色传输到任何其他程序（提供 5 种颜色描述选项）。您可以缩放页面（20% - 1000%）。此外，它还内置调色板查看器、收藏夹、DOM 检查器和 Firebug 支持。

HSL 到 RGB 转换器

精灵

CSS 精灵生成器：
此工具可自动创建 CSS 精灵。只需输入一个包含两张或两张以上图片（GIF、PNG 或 JPG）的 ZIP 文件，它就会生成一张精灵图片以及相应的 CSS 规则，用于定位和显示每个图片元素。

YASC（Yet Another Sprite Creator）
又一个精灵生成器。精灵的创建过程如下：加载图片，然后标记必要的区域并为其分配 CSS ID。选择所有区域后，将为这些精灵生成 CSS。

SmartSprites
SmartSprites 是一个用于创建 CSS 精灵图的控制台 Java 实用程序。SmartSprites 会处理 CSS 文件中的特殊指令，标记需要转换为精灵图的单个图像。处理完 CSS 文件后，系统会根据标记的图像创建一个精灵图，并且文件中的相应片段会自动使用该精灵图，而不是单个图像。

表格

快速表单生成器
生成兼容 XHTML/HTML 且带有 CSS 标记的可访问表单。输入字段名称，然后选择每个字段的类型、格式（HTML 或 XHTML），即可获得表单的最终 HTML 和 CSS 代码。

Wufoo
Wufoo 是一项免费的在线服务，可以轻松创建美观、有效的 CSS / XHTML 表单。

UI 组件

List-o-Matic
生成导航菜单（最多 2 级），允许您从几种可用的设计中选择一种。

CSS 菜单生成器
生成水平、垂直、下拉 CSS 菜单。

ThemeRoller
允许您为 jQuery UI 创建自己的主题。

文本包装器

CSS 文本包装器
CSS 文本包装器服务让您可以轻松地为文本添加任何形状并将其粘贴到页面上。线条决定了文本的形状。点击要添加位置的线条即可添加节点。您可以自定义块大小、对齐方式、字体等。

Box Office
这款工具可让您为各种不规则形状的图片创建文本绕排。只需输入任意形状图片的链接，设置图片的基本对齐方式、要忽略的背景颜色、行高、额外缩进以及文本颜色，然后查看效果即可。

分析与调试

W3C CSS 验证服务 CSS 验证。

CSS 分析器
CSS 分析器结合了 W3C CSS 验证服务、额外的颜色对比度检查（有助于提升可用性）以及源代码中使用的单位。其结果会提供非常详细的错误和警告描述，就像 W3C CSS 验证服务一样。

Firebug
Firebug 是一款 Firefox 浏览器扩展，它是一个控制台、调试器和 DOM 检查器，适用于 JavaScript、DHTML、CSS 和 XMLHttpRequest。Firebug 会在控制台中显示导致错误的函数以及导致错误的函数调用堆栈。它会警告您尝试使用的 CSS 规则或 JavaScript 方法/属性不存在。

护送

Dust-Me Selectors
允许您分析页面并显示网站页面上有多少个未使用的样式以及哪些样式未使用，还可以指示它们在哪个样式文件中、哪一行中写入。

CssCleaner
一个用于删除未使用的 CSS 类的 Windows 应用程序。

CSS 冗余检查器
检查 HTML 中是否使用了所有 CSS 规则。检查完成后，它会显示此页面或一组页面中未使用的页面列表。

优化

CSS 驱动 CSS 压缩器
CSS 压缩器具有“弱”、“正常”和“超紧凑”压缩选项。

Robson CSS 压缩器
另一个压缩 CSS 文件的好工具是 Robson CSS 压缩器。目前它还在开发中，因此可能存在一些不准确之处。

MinifyMe - AIR 应用程序
一个小型 AIR 应用程序，允许您将多个 css 文件收集到一个文件中。

格式化

CleanCSS - CSS 格式化和优化器
Clean CSS 是一款流行的在线 CSS 格式化和优化工具。它包含多组设置，用于在优化和可读性之间取得平衡。其重要功能之一是自动关联相同的选择器和属性。

Styleneat
Styleneat 将 CSS 代码转换为标准化、易于阅读的格式，并以这样的方式构建，以便于理解哪些区域在哪里以及它们彼此之间如何关联。

CSS 工具箱
免费的 CSS 工具箱包含许多用于快速高效 CSS 开发的工具 - 验证器、格式化程序、优化器。

浏览器成瘾

条件 CSS
解析器，用于服务器端的 CSS 文件，检查浏览器类型和版本。允许您为不同的浏览器组创建特殊的条件注释。提供 PHP、C# 和 C 语言版本。

Web 浏览器 CSS 支持
流行浏览器的详细 CSS 标准支持表。

何时可以使用？
它可以比较浏览器对各种最新技术（例如 HTML 5、CSS 3、SVG 等）的支持情况。您可以选择特定的浏览器、时间段、状态和某些技术。

IE7.js
IE7-js 是一个 JavaScript 库，它修复了 Internet Explorer 7 及更低版本中 HTML 和 CSS 的许多错误。例如，它修复了 PNG 的透明度支持、元素和背景图像的固定定位（position:fixed）、所有标签的伪类支持：hover 等等。

Modernizr
Modernizr 是一个小型简单的 Javascript 库，它有助于在尚不支持此技术的浏览器中使用 CSS3 HTML5 等技术。

选择器

Sizzle JavaScript 选择器库
一个用于选择 CSS 选择器的快速 JavaScript 引擎。Sizzle 支持几乎所有 CSS3 选择器，甚至包括一些很少使用的 CSS 选择器，例如屏蔽选择器（“.foo \ + bar”）、unicode 选择器等。

YASS：另一个 cSS 选择器，
通过 CSS 选择器选择元素的最快的 JavaScript 库。

SelectORacle
服务提供了复杂 CSS 选择器的人类语言描述，对于学习这些选择器非常有用。

YUI 选择器实用程序
YUI 选择器实用程序允许您在 JavaScript 中使用 CSS3 选择器语法，简化 HTML 元素的收集、过滤和测试。

YUI 样式表实用程序
使用样式表实用程序动态创建和修改 CSS 样式。

各种各样的

XRAY
XRAY 是一个书签小工具，可以显示页面所有“内部”的各种有用信息。具体来说，包括所有元素的大小、它们的位置坐标、CSS 属性、与显示块对应的 HTML 标签名称以及其他一些详细信息。

备忘单

CSS 速查表
一页 CSS 速查表，列出了所有选择器（CSS 2.1）和属性。包括盒模型、图片、CSS 单元。

CSS 速记速记表
YUI 库：CSS 重置、基础、字体和网格

蓝图 CSS 速查表

超越 CSS

MoreCSS
MoreCSS 是一个面向设计师的 JavaScript 库，允许您编写 CSS 样式的代码来创建弹出窗口、工具提示、选项卡菜单、斑马表、高级列表样式和跨浏览器透明度。

LESS - 更精简的 CSS
Less 是一款 Ruby 库，它扩展了 CSS 的以下功能：变量、混合宏、操作和嵌套规则。只需将 .css 文件重命名为 .less 文件即可获得所有这些功能。

DtCSS
DtCSS 是一个处理 CSS 文件的 PHP 脚本，允许使用嵌套选择器、颜色混合等功能。DtCSS 读取包含专门为 DtCSS 编写的指令的 CSS 文件，并输出常规 CSS。它还具有智能缓存系统。

Sass + compass
SASS - 样式表中的编译器。非常方便 - 像 Python 一样使用缩进格式化，混合参数（几乎是函数）、变量以及对它们的操作。

联系邮箱：Manishfoodtechs@gmail.com。如果您有任何问题，我们的团队也提供专业的咨询和交付。

不要忘记关注、点赞或标记我 :)。