总结CSS中字符编码声明使用中的一些注意点
发布时间：2016-05-24 12:08:55 作者：佚名 
我要评论
我要评论@charset “utf-8”;在CSS文件中用来表明CSS文件的页面编码为UTF-8,下面我们会以此为例总结CSS中字符编码声明使用中的一些注意点,需要的朋友可以参考下
很多人在样式的时候会定义@charset “utf-8”;也有人不去定义，这个属性的作用其实是为了强制声明你的CSS文档类型属性，正确的使用它会让你的文档类型锁定成你想要的，但是往往很多人并没有定义对这个属性，西面我没来看看如何定义才是正确的。
定义这个属性首先它一定且必须出现文档的第一行次属性才能生效：
CSS Code复制内容到剪贴板
- @charset "utf-8";
- .test{
- margin-top: 30px;
- }
以下写法均是错误无效写法：
注释写在声明前面无效：
CSS Code复制内容到剪贴板
- /*
- test test
- */
- @charset "utf-8";
- .test{
- margin-top: 30px;
- }
2.声明必须在第一行，否则无效：
CSS Code复制内容到剪贴板
- @charset "utf-8";
- .test{
- margin-top: 30px;
- }
- 3.声明前面不能有空格：
- @charset "utf-8";
- .test{
- margin-top: 30px;
- }
4.声明文档类型格式必须使用双引号，单引号无效：
CSS Code复制内容到剪贴板
- @charset 'utf-8';
- .test{
- margin-top: 30px;
- }
相关文章
- 下面小编就为大家带来一篇深入理解CSS中的盒子模型。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-25
simple-grid.css是一款移动优先的12列响应式CSS网格系统插件。轻量级的，响应式速度快2016-05-24- 下面小编就为大家带来一篇CSS3实用方法总结(推荐)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-24
- 这里为大家送上CSS中的各种选择器与样式优先级小结,基本上常用的都被整理在其中,欢迎随看随记^^2016-05-24
- CSS3的rem属性除了设置字体大小,还经常被用来做页面布局中的很多尺寸控制,这里我们就来看一下使用CSS3的rem属性制作响应式页面布局的要点解析2016-05-24
- 这里我们整理了px、em以及CSS3中的rem三大文字大小设置方式,尤其是rem的相关知识,下面就一起来看一下CSS中的字体大小设置属性总结,需要的朋友可以参考下2016-05-24
- 下面小编就为大家带来一篇CSS3弹性盒模型flex box快速入门心得(必看篇)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-24
- rem是css3新定义的设置字体大小属性,rem大小都是以html的字体大小设置为参考值进行一个字体大小缩放,下面就带大家来轻松掌握CSS3中的字体大小单位rem的使用方法:2016-05-24
- 下面小编就为大家带来一篇深入理解css中的align-content属性。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-25
最新评论