总结CSS中字符编码声明如何使用中的一些注意点

秋天来啦!秋天来啦!田野里就是美丽的图画。花生躲在地下,包着红色的毛毯,住在土黄色的房间里睡大觉。玉米姐姐穿着绿色的裙子,在叶子上跳舞,南瓜爷爷鼓着金黄色的大肚子,坐着高级的南瓜车,一边看风景一边享受。西红柿露出火红火红的脸蛋,正对着我们微笑。谁使秋天这样美?看,田野里的菊花做出了回答,菊花顶着一个爆炸头,在微风中轻轻摇动,好像在说:是勤劳的人们画出了秋天的图画。

很多人在样式的时候会定义@charset “utf-8”;也有人不去定义,这个属性的作用其实是为了强制声明你的CSS文档类型属性,正确的使用它会让你的文档类型锁定成你想要的,但是往往很多人并没有定义对这个属性,西面我没来看看如何定义才是正确的。

定义这个属性首先它一定且必须出现文档的第一行次属性才能生效:

CSS Code复制内容到剪贴板
  1. @charset"utf-8";
  2. .test{
  3. margin-top:30px;
  4. }

以下写法均是错误无效写法:
注释写在声明前面无效:

CSS Code复制内容到剪贴板
  1. /*
  2. testtest
  3. */
  4. @charset"utf-8";
  5. .test{
  6. margin-top:30px;
  7. }

2.声明必须在第一行,否则无效:

CSS Code复制内容到剪贴板
  1. @charset"utf-8";
  2. .test{
  3. margin-top:30px;
  4. }
  5. 3.声明前面不能有空格:
  6. @charset"utf-8";
  7. .test{
  8. margin-top:30px;
  9. }

4.声明文档类型格式必须使用双引号,单引号无效:

CSS Code复制内容到剪贴板
  1. @charset'utf-8';
  2. .test{
  3. margin-top:30px;
  4. }

到此这篇关于总结CSS中字符编码声明如何使用中的一些注意点就介绍到这了。勇士搏出惊涛骇流而不沉沦,懦夫在风平浪静也会溺水。生活不是让你用来妥协的。你退缩得越多,那么可以让你喘息的空间也就是越少。更多相关总结CSS中字符编码声明如何使用中的一些注意点内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例