css網頁亂碼怎麼辦

css網頁亂碼的解決方法：1、將CSS字元編碼與頁面的字元編碼設定為一致，設定編碼語句如「@charset "utf-8";」；2、在編寫css時加強註；3、採用字體的別名。

推薦：《css影片教學》

解決方法一：

CSS中出現的亂碼都是由於CSS字元編碼與頁面的字元編碼不一致所引起的，因此最直接的方法就是使字元編碼一致。將CSS指定編碼類型，範例：@charset "utf-8";（指定編碼類型為utf-8，須寫在CSS檔案第一行）

解決方法二：

CSS中出現的亂碼都是由於中文字元引發的，因此只要不寫中文，就不會產生「亂碼造成CSS失效」的這種情況。

撇開以上兩種解決方法，我們在刨下根，就會發現「亂碼」通常來自以下兩種情況。

一、中文註解造成亂碼

亂碼實例：

正常程式碼：/*三漢字*/

引起的亂碼：/*涓夋眽瀛?/

上例為亂碼阻斷了CSS註釋的結束符，使得後面的CSS內容都在註釋範圍內，從而導致CSS的失效

防範措施：加強註釋

範例：

正常程式碼：/****三漢字****/

引起的亂碼：/****涓夋眽瀛?***/

這種增強版的註解可以防止亂碼把註解的最終結束符“變異”，可以在編寫CSS時，提前防範

二、中文字體引起亂碼

亂碼實例：

正常代碼：font-family:"黑體"

引起的亂碼：font-family:"榛戜綋"

上例為亂碼使得字體名稱變成亂碼，導致指定字體失效。這個問題的後果似乎不是很嚴重，但實際情況中，確實存在一種亂碼把後面的引號「變異」的情況，使得後面的CSS都在字體的引號中，從而後面的CSS全部失效。

防範措施：採用字體的別名（所以瀏覽器都可辨識）

範例：

正常程式碼：font-family:"SimHei" （font-family: "\9ed1\4f53" ）

瀏覽器解析：font-family:"SimHei" （font-family:"黑體"，IE6仍為font-family:"\9ed1\4f53" 但字體解析顯示為黑體）

使用別名，繞開了使用中文，從而避免亂碼。

以上是css網頁亂碼怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！