当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS Prism 查看和编辑CSS中用到的颜色

CSS样式表
CSS3教程(10):CSS3 HSL声明设置颜色
CSS3教程:新增加的结构伪类
网页布局绝对定位(position)轻松简单
掌握盒模型轻松DIV CSS网页布局
实例方式学CSS text-align怎么用
网页重构时在IE6中遇到png兼容性
CSS3教程:边框属性border的极致应用
CSS网页布局使用表格可以吗?
最新版本的CSS选择器浏览器支持情况
有序列表和段落设计华丽的网页列表数字
CSS教程:通过实例学习和理解CSS盒模型
CSS网页布局的核心内容:CSS盒模型
CSS3伪类选择器:nth-child()
CSS教程:inline-block在各浏览器的显示
CSS实现网页分栏布局的方法:绝对定位和浮动
CSS实例:用CSS制作网页像素画
CSS教程:三列固定网页布局实例
无hack无js全兼容text-overflow-ellipsis效果
CSS解决方案:IE6中遇到png兼容性
CSS学习之类目之间竖线的练习实例

CSS样式表 中的 CSS Prism 查看和编辑CSS中用到的颜色


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-20   浏览: 101 ::
收藏到网摘: n/a

很多时候,设计师希望要求我们完全还原设计图,甚至是要求“像素完美”。颜色是设计中很重要的一部分,你也会将设计图中的色彩完整的还原到页面中。然而,很多时候可能就连设计师自己都不知道用了多少种颜色。

显然,页面中使用过多的颜色并不是好事。

CSS Prism是一个专门用于查看和编辑CSS中用到的颜色的网站,它由Ryan Berg基于Django项目构建,采用 jQuery及其 ColorPicker插件。

通过CSS Prism你可以:

       
  • 轻松的查看单个CSS文件中使用到的颜色(16进制颜色),并按顺序排列;
  •    
  • 方便定位颜色在CSS文件中位置;
  •    
  • 可以很方便的编辑颜色。

自己去体验一下吧。

另外你可以拖拽 CSS Prism 这个链接到你的浏览器的书签栏,这样你就可以访问或测试网站的时候直接点击这个书签调用它。