多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > 互聯網 > CSS非ASCII字符最佳實踐

CSS非ASCII字符最佳實踐

來源:程序員人生   發布時間:2014-11-20 08:44:22 閱讀次數:2416次
作者:zhanhailiang 日期:2014⑴0⑶0

問題場景

在寫樣式時常常需要用到非ASCII字符的屬性值,以下:

.hot_list .sign_discount:before { content: "滿減"; padding: 0 8px; margin-right: 7px; font-size: 12px; line-height: 14px; color: #fff; text-align: center; background-color: #f13993; border-radius: 11px; }

但是Chrome下展現時有些時候會顯示亂碼:


除content外,font字體也是常常需要用于非ASCII字符的值,如font-family: “微軟雅黑”

最好實踐

為避免以上這類編碼問題,CSS推薦在觸及非ASCII字符時統1使用反斜杠轉義以免編碼問題:

backslash escapes allow authors to refer to characters they cannot easily put in a document. In this case, the backslash is followed by at most six hexadecimal digits (0..9A..F), which stand for the ISO 10646 ([ISO10646]) character with that number, which must not be zero. (It is undefined in CSS 2.1 what happens if a style sheet does contain a character with Unicode codepoint zero.) If a character in the range [0⑼a-fA-F] follows the hexadecimal number, the end of the number needs to be made clear.

詳情請見:http://www.w3.org/TR/CSS2/syndata.html#escaped-characters

所以上例可以改成:

.hot_list .sign_discount:before { content: "6ee151cf"; padding: 0 8px; margin-right: 7px; font-size: 12px; line-height: 14px; color: #fff; text-align: center; background-color: #f13993; border-radius: 11px; }
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 爱操成人网 | 国产一级淫片视频免费看 | 在线看毛片网站 | 免费亚洲视频 | 亚洲三级色 | 午夜dj高清中文免费观看 | 2020久久国产最新免费观看 | 亚洲欧美一区二区三区久久 | 亚洲福利视频一区二区 | 亚洲一区二区三区首页 | japanese日本护士 | 欧美日韩亚洲国内综合网香蕉 | 国产精品成人免费福利 | 最近免费2019中文字幕大全 | 欧美一级视频在线高清观看 | 国产精品三级视频 | 亚洲一区毛片 | 日本青草视频 | 亚洲综合三区 | 另类欧美视频 | 噜啪啪 | 欧美free性 | 最近免费字幕中文大全视频 | 精品一区二区三区免费视频 | 欧美精品v欧洲精品 | 噜噜噜久久 | 日韩 欧美 亚洲 中文字幕 | 欧美777| 国产精品福利片免费看 | jizz18高清视频| 最近最新中文字幕免费大全 | 欧美一级毛片无遮挡 | 中文字幕亚洲无线码高清 | 日本大胆欧美艺术337p | 在线黄色免费网站 | 亚洲综合国产一区在线 | 自由成熟的性色视频免费观看 | 国产成人精品一区二区免费视频 | 波多野结衣一区免费作品 | 中文字幕成人在线 | 欧美高清揄拍自拍视频网站 |