CSS小技巧

一、 ::Selection的使用

关于选择文本,控制背景和文本的颜色。

/*Webkit,Opera9.5+,Ie9+*/
   ::selection {
    background: 颜色值;
    color:颜色值;
   }
   /*Mozilla Firefox*/
   ::-moz-selection {
    background: 颜色值;
    color:颜色值;
   }

 二、解决中文版Chrome下不能显示小于12px的字体

在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。

但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。

解决方案,添加一个私有属性到html选择器:

html{-webkit-text-size-adjust: none;}

顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。

三、dt为内联元素,dd为块级元素

posted on 2013-08-21 11:37  摩帆士  阅读(230)  评论(0编辑  收藏  举报