资讯频道 → Web前端
阅读更多

2顶
0踩

Web前端

原创新闻 WebKit支持CSS颜色定义

2008-07-01 10:01 by 副主编 QQbyte 评论(3) 有4153人浏览
webkit CSS

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

经常使用CSS的开发者会希望能够命名颜色，而不是通过搜索和替换来管理颜色，如果很不巧两个不同的地方都使用一种颜色，而只希望替换其中一个颜色就麻烦了。

现在Wekit支持颜色定义，类似下面代码： 

@variables {	
  CorporateLogoBGColor: #fe8d12;	
}
	
div.logoContainer {	
  background-color: var(CorporateLogoBGColor);	
}
是不是很方便？目前还只有Webkit支持，期待以后所有的浏览器都会支持。

访问这里查看详情：http://lists.w3.org/Archives/Public/www-style/2008Jun/0230.html
来自: ajaxian.com
2
顶
0
踩
评论 共 3 条 请登录后发表评论
3 楼 fuwang 2008-07-01 21:33
可有可无的鸡肋功能，连小甜饼都不如
2 楼 ╭冷★雨╮ 2008-07-01 15:33
怎么都看不明白是什么意思呢。。。。唉~！
1 楼 hax 2008-07-01 11:38
CSS确实缺少这类复用特性。WebKit的尝试是个好头。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • CSS3中颜色线性渐变实战

    最简单的模式只需要定义起始颜色和结束颜色，起点、终点和方向默认自元素的顶部到底部。下面举例说明： CSS Code复制内容到剪贴板 .test{ background:linear-gradient(red, blue); }  上述代码的效果如图所示...

  • css怎么定义button颜色,两种颜色的CSS自定义形状按钮

    东西HTMLABI12/19CSS* {margin:0;padding:0;box-sizing:border-box;}.button, .button div {color:grey;background:#007bff;display:inline-block;line-height:60px;font-size:20px;}.button div {padding-right:25...

  • Webkit之CSS基础介绍

    在CSS出现前或者出现早期，HTML因为要设计不同风格和样式的元素，所以在不停地加入很多新的元素来表示，例如p，span。然后，问题还是存在，那就是大量的使用表格（Table）元素来排列网页中的元素，这导致一些不好的...

  • CSS3自定义滚动条的颜色等样式 - hover显示切换 - 伪类::-webkit-scrollbar的样式控制

    CSS CSS3自定义滚动条-轩枫阁https://www.xuanfengge.com/demo/201311/scroll/css3-scroll.htmlcss scrollbar样式设置 - SegmentFault 思否当块级内容区域超出块级元素范围的时候，就会以滚动条的形式展示，你可以...

  • css 颜色被覆盖怎么办,是否可以覆盖默认的命名CSS颜色？

    灵感来自COLORS:一个更好的网页调色板,我想知道是否有办法用这些新颜色覆盖HTML/CSS规范中定义的默认命名颜色定义.我知道我可以创建自定义CSS规则(和LESS)来定义新颜色并将这些颜色应用到哪些元素,但是这里的兴趣是...

  • CSS3 -webkit-transition

    transition(属性渐变): “CSS Transitions allow property changes in CSS values to occur smoothly over a specified duration” 过渡——Transition在W3C的描述：“css的transition允许...-webkit-transition：CSS

  • safari支持html吗,HTML_safari：webkit，支持CSS属性 Safari和WebKit实施 - phpStudy

    支持CSS属性Safari和WebKit实施大子的CSS 2.1规格所界定的万维网联盟( W3C ) ，以及部分的CSS 3规格。 。这个CSS属性本条划分的群体界定由W3C的CSS规格：“盒模型”的具体描述性质的包围盒块内容，包括边界，填充，...

  • 浅析CSS3中鲜为人知的属性：-webkit-tap-highlight-color

    -webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。...css3中-webkit-text-size-adjust详解

  • css 颜色被覆盖怎么办,可以覆盖默认的CSS颜色吗？

    灵感来自于COLORS: A nicer color palette for the web,我想知道是否有办法用这些新颜色覆盖HTML/CSS specification中定义的默认命名颜色定义.我知道我可以创建自定义的CSS规则(和LESS)来定义新的颜色,然后应用到...

  • css设置placeholder颜色

    设置css样式

  • CSS 修改 SVG图标的颜色

    函数接受(在CSS3背景中定义)类型的值，除了"inset"关键字是不允许的。该函数与已有的box-shadow box-shadow属性很相似；不同之处在于，通过滤镜，一些浏览器为了更好的性能会提供硬件加速。参数如下： (必须) 这是...

  • CSS 动画

    定义和用法 一些 CSS 属性是可以有动画效果的，这意味着它们可以用于动画和过渡。 动画属性可以逐渐地从一个值变化到另一个值，比如尺寸大小、数量、百分比和颜色。 浏览器支持 表格中的数字表示支持该方法的第一个...

  • CSS overflow 属性 滚动条样式 火狐 IE webkit

    属性名 支持浏览器版本 可否继承 描述 scrollbar-3dlight-color IE5.5+ 是 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-highlight-color IE5.5+ 是 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-face-...

  • 使用CSS自定义浏览器滚动条 (webkit 已最新支持 scrollbar-width)

    浏览器默认的滚动条样式简单醒目，而且不同的浏览器下滚动条的样式也不...现已有更多相关详细设置的文章、本标题内容仅作概述及引用 不再赘述，如对本标题内容已有了解可直接跳转标题2”webkit更新支持“至本文正文。

  • css 背景颜色默认,css改变文字选择时的默认背景颜色

    一、css改变文字选择时的默认背景颜色网页上的文本选择时，一般会出现蓝色的背景，这貌似是微软默认的，如果想改变这个颜色，定义CSS：::selection{background: #A8141B; color: white; /* Safari */} ::-moz-...

  • css 文字颜色渐变上到下,CSS 实现背景色渐变和文字颜色渐变

    1. 背景色渐变cssA . linear-gradient：用线性渐变建立图像。web语法：= linear-gradient([ [| to] ,]?[,]+)浏览器下述值用来表示渐变的方向，可使用角度或者关键字来设置：：用角度值指定渐变的方向(或角度)。to ...

  • css多个按钮点击变颜色,用事件与CSS改变按钮不同状态下的颜色

    目标效果：表单的群发按钮，...HTML代码：群 发预 览CSS代码：.btn{color:#ffffff;background:#44b549;padding-top:3px;border-top: 1px solid #44b549;border-right: 1px solid #44b549;border-bottom: 1px solid ...

  • CSS 滚动条定义及使用 伪类 ::-webkit-scrollbar -XXX 整体属性定义

    具体的细分样式属性定义： ::-webkit-scrollbar ->... 定义滚动条上的按钮 (上下箭头)的颜色外观属性 ::-webkit-scrollbar-thumb -> 定义滚动条上的两端的滚动滑块的颜色外观属性 ::-webki...

  • 如何实现CSS字体渐变和字体颜色随时间来回变动

    CSS代表层叠样式表（Cascading Style Sheets），是一种用于定义网页外观和样式的语言。通过CSS，网页开发人员可以指定如何呈现HTML元素，包括颜色、字体、大小、布局和其他视觉属性；简单理解就是，css是给hmtl元素...

  • css3 webkit属性

    作者：zccst ...很多-web-kit打头的css，还有-moz-, -o, -ms-等，但是也不是所有的都已经成为标准，所以有些情况只能写webkit。 2015-05-06 [b]-webkit-margin-collapse[/b] -webkit-margin...

Global site tag (gtag.js) - Google Analytics