CSS小技巧

1、 ::Selection的使用css

關於選擇文本,控制背景和文本的顏色。html

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

 2、解決中文版Chrome下不能顯示小於12px的字體web

在中文版Chrome裏面,網頁CSS裏全部小於12px的字體設置都無效,最終將顯示12px。這樣弄的本意多是好的,由於中文一旦小於12px,就變得不易閱讀。瀏覽器

但中文版Chrome也會閱讀英文網站啊!中文網頁裏面也會有英文的小字體設置需求啊!尤爲是一些文字部份的設計,不小實在很差看,影響整個排版的美觀。字體

解決方案,添加一個私有屬性到html選擇器:網站

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

顧名思義, 禁用Webkit內核瀏覽器的文字大小調整功能。spa

3、dt爲內聯元素,dd爲塊級元素設計

相關文章
相關標籤/搜索