ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでエンコーディングを設定する方法

CSSでエンコーディングを設定する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-21 16:17:163241ブラウズ

CSS では、文字エンコーディングに「@charset」ルールを使用できます。CSS ファイルの先頭に「@charset "文字エンコーディング"」を設定するだけです。 「@charset」ルールは、スタイル シートで使用される文字エンコーディングを指定します。これはスタイル シートの最初の要素である必要があり、任意の文字で始めることはできません。

CSSでエンコーディングを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

外部 CSS ファイルの先頭に、次のコードを記述します: @charset "UTF-8";

@charset CSS @Rule スタイル シートで使用される文字エンコーディングを指定します。これはスタイルシートの最初の要素である必要があり、その前に文字を置くことはできません。これはネストされたステートメントではないため、@rule 条件グループでは使用できません。複数の @charset @rules が宣言されている場合は、最初のものだけが使用され、HTML 要素内の style 属性や HTML ページの文字セット関連の c9ccee2e6ea535a969eb3f532ad9fe89 要素内では使用できません。

この @rule は、コンテンツなどの特定の CSS プロパティで非 ASCII 文字を使用する場合に便利です。

スタイル シートで文字エンコーディングを宣言するには、さまざまな方法があります。ブラウザは、次の順序で次のメソッドを試行します (見つかったら停止し、結果を取得します)。ファイルの Unicode バイトオーダー文字値。 HTTP ヘッダーの Content-Type: charset 属性によって指定される値、またはスタイル シートを提供するために使用されるプロトコルの同等の値。 CSS @ルール @charset。

@charset "UTF-8";
@charset "utf-8"; /*大小写不敏感*/
/* 设置css的编码格式为Unicode UTF-8 */
@charset 'iso-8859-15'; /* 无效的, 使用了错误的引号 */
@charset 'UTF-8';       /* 无效的, 使用了错误的引号 */
@charset  "UTF-8";      /* 无效的, 多于一个空格 */
 @charset "UTF-8";      /* 无效的, 在at-rule之前多了一个空格 */
@charset UTF-8;         /* Invalid, without &#39; or ", the charset is not a CSS <string> */

推奨学習:

css ビデオ チュートリアル

以上がCSSでエンコーディングを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。