容易被遗忘的CSS3新属性

容易被遗忘的CSS3新属性

1.tap-highlight-color:设置可点击元素的高亮颜色。在移动端开发时一般要设置为rgba(0, 0, 0, 0)。但是由于是不规范属性,所以一般要加上前缀-webkit-。

-webkit-tap-highlight-color:rgba(0, 0, 0, 0);

2.selection:CSS3伪对象,用来设置选中文字的颜色。在移动端开发时一般要设置为background:none 让选中时的背景颜色为透明。但是由于是不规范属性,所以一般要加上前缀-webkit-或者-moz-。

::selection{background:none;color:#fff;};
::-webkit-selection{background:none;color:#fff;};
::-moz-selection{background:none;color:#fff;};

3.-webkit-text-size-adjust:webkit内核的浏览器,当在css中定义的中文font-size小于12px,浏览器仍然使用12px,这时就要设置-webkit-text-size-adjust:none。注意:-webkit-text-size-adjust放在body中会导致页面缩放失效,不要把-webkit-text-size-adjust设置为全局或者可继承的。

n.想知道更多的属性请转到:http://www.360doc.com/content/14/0407/15/16373769_367019165.shtml
或者百度搜索CSS3那些不为人知的属性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值