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

CSS样式表
CSS网页布局学习之Font-size的妙用
CSS实例教程:网页区块中标题右侧更多
CSS教程(1):学习CSS背景相关知识
CSS教程(4):通过实例学习CSS背景
CSS教程(5):通过实例学习CSS背景
极酷的三层分离的标准滑动门导航菜单
网页版Firebug
CSS实例:CSS实现的等高网页布局
CSS教程:CSS3圆角属性
CSS教程:制作对用户友好的站内搜索表单
IE盒子模型和标准W3C盒子模型
CSS外边距叠加的问题,CSS教程
IE8的一些有趣的新功能
CSS高级技巧:滑动门技术
CSS设计网页边框的几个实例
雅黑字体对IE中的网页布局的影响
CSS技巧:改善代码可读性并简化代码管理
吸引用户点击的按钮设计以及网页按钮实例
CSS实例:超酷的网站导航按钮
CSS实例:创建一个鼠标感应换图片的按钮

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


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

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

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

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

通过CSS Prism你可以:

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

自己去体验一下吧。

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