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