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

CSS样式表
20个优秀CSS网站(3月精选)
网页颜色搭配技巧 文字字体、字号、字体排版等
让人不得不佩服的CSS效果
非常漂亮的Div+CSS布局入门教程
推荐彻底弄懂CSS盒子模式(DIV布局快速入门)
CSS opacity - 实现图片半透明效果的代码
代码实例之纯CSS代码实现翻页效果
比较漂亮的一个导航条的效果DIV+CSS
DIV+CSS布局教程大全与pdf电子书 下载
HTML 30分钟入门教程
css滤镜基础教程
css滤镜效果(一)
css滤镜效果(二)
巧用CSS的MASK滤镜
css动态模糊效果
div+css详解定位与定位应用
彻底弄懂CSS盒子模式系列教程集合
用<TABLE>语句来实现圆角表格可以省去制作圆角图片之苦!
HTML下在IE浏览器中的专有条件注释讲解
用css实现的灰度/原色连接效果

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


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

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

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

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

通过CSS Prism你可以:

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

自己去体验一下吧。

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