CSS字符编码引起乱码
| 乱码引起的CSS失效原理： 小技巧1：CSS中出现的乱码都是由于CSS字符编码与页面的字符编码不一致所引起的，因此最直接的方法就是使字符编码一致。将CSS指定编码类型，例：@charset "utf-8";（指定编码类型为utf-8,须写在CSS文件第一行） 撇开以上两种小技巧，我们在刨下根，就会发现“乱码”通常来自以下两种情况。 上例为乱码阻断了CSS注释的结束符，使得后面的CSS内容都在注释范围内，从而导致CSS的失效 二、中文字体引起乱码 上例为乱码使得字体名称变成乱码，导致指定字体失效。这个问题的后果似乎不是很严重，但实际情况中，确实存在一种乱码把后面的引号“变异”的情况，使得后面的CSS都在字体的引号中，从而后面的CSS全部失效。 css中文字体（font-family）列表 Windows的一些： 黑体：SimHei 宋体：SimSun 新宋体：NSimSun 仿宋：FangSong 楷体：KaiTi 仿宋_GB2312：FangSong_GB2312 楷体_GB2312：KaiTi_GB2312 微软雅黑体：Microsoft YaHei 装Office会生出来的一些： 隶书：LiSu 幼圆：YouYuan 华文细黑：STXihei 华文楷体：STKaiti 华文宋体：STSong 华文中宋：STZhongsong 华文仿宋：STFangsong 方正舒体：FZShuTi 方正姚体：FZYaoti 华文彩云：STCaiyun 华文琥珀：STHupo 华文隶书：STLiti 华文行楷：STXingkai 华文新魏：STXinwei 补充： 使用楷体_GB2312、仿宋_GB2312后，在 Windows 7/Vista/2008 中可能不再显示为对应的字体。 这是因为 Windows 7/Vista/2008 中有楷体、仿宋，默认情况下没有楷体_GB2312、仿宋_GB2312，字体名称相差“_GB2312”。 ----------------------------------------------------------- 中文字体在 CSS 中的写法 针对字体的写法，觉得需要说明一下： body, button, input, select, textarea { font: 12px/1 Tahoma, Helvetica, Arial, "/5b8b/4f53", sans-serif; } “/5b8b/4f53″ 就是 “宋体”。用 unicode 表示，不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。普及点字体知识： 字体的别名 系统中的一个字体是允许有多种别名形式存在的。比如，在 Windows 下，Georgia 也可以用 Georgia MS 来命名，它们其实是同一种字体。宋体的正式名称是 SimSun，而“宋体”只是它的别名。 按照规范，浏览器应该能自动识别字体的别名，并映射到正确的字体文件。比如，font-famliy: SimSun和font-family: "宋体"应该具有等价的效果。可惜，似乎很多浏览器都不能正确执行前一条定义…… 因此，考虑浏览器兼容，我们需要用“宋体”，转码成 unicode 形式则可以保证在任何编码下都无问题。 ----------------------------------------------------------- 为了方便需要的朋友快速使用，下表中列出了一些常用中文字体的Unicode编码： |
- 上一篇：【CSS进阶】伪元素的妙用
- 下一篇：CSS3选择器学习笔记