總結CSS中字符編碼聲明使用中的一些注意點
發(fā)布時間：2016-05-24 12:08:55 作者：佚名 
我要評論
我要評論@charset “utf-8”;在CSS文件中用來表明CSS文件的頁面編碼為UTF-8,下面我們會以此為例總結CSS中字符編碼聲明使用中的一些注意點,需要的朋友可以參考下
很多人在樣式的時候會定義@charset “utf-8”;也有人不去定義，這個屬性的作用其實是為了強制聲明你的CSS文檔類型屬性，正確的使用它會讓你的文檔類型鎖定成你想要的，但是往往很多人并沒有定義對這個屬性，西面我沒來看看如何定義才是正確的。
定義這個屬性首先它一定且必須出現(xiàn)文檔的第一行次屬性才能生效：
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;
- }
相關文章
- 下面小編就為大家?guī)硪黄钊肜斫釩SS中的盒子模型。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-25
CSS移動優(yōu)先的12列響應式網格系統(tǒng)特效源碼
simple-grid.css是一款移動優(yōu)先的12列響應式CSS網格系統(tǒng)插件。輕量級的，響應式速度快2016-05-24- 下面小編就為大家?guī)硪黄狢SS3實用方法總結(推薦)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-24
- 這里為大家送上CSS中的各種選擇器與樣式優(yōu)先級小結,基本上常用的都被整理在其中,歡迎隨看隨記^^2016-05-24
- CSS3的rem屬性除了設置字體大小,還經常被用來做頁面布局中的很多尺寸控制,這里我們就來看一下使用CSS3的rem屬性制作響應式頁面布局的要點解析2016-05-24
- 這里我們整理了px、em以及CSS3中的rem三大文字大小設置方式,尤其是rem的相關知識,下面就一起來看一下CSS中的字體大小設置屬性總結,需要的朋友可以參考下2016-05-24
- 下面小編就為大家?guī)硪黄狢SS3彈性盒模型flex box快速入門心得(必看篇)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-24
- rem是css3新定義的設置字體大小屬性,rem大小都是以html的字體大小設置為參考值進行一個字體大小縮放,下面就帶大家來輕松掌握CSS3中的字體大小單位rem的使用方法:2016-05-24
- 下面小編就為大家?guī)硪黄钊肜斫鈉ss中的align-content屬性。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-25
