Comment définir l'encodage en CSS

En CSS, vous pouvez utiliser la règle "@charset" pour l'encodage des caractères. Il vous suffit de définir "@charset "Character Encoding"" en haut du fichier CSS. La règle "@charset" spécifie le codage des caractères utilisé dans la feuille de style et doit être le premier élément de la feuille de style et ne peut commencer par aucun caractère.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

En haut du fichier CSS externe, écrivez le code suivant : @charset "UTF-8";

@charset CSS @Rule Spécifie l'encodage de caractères utilisé dans la feuille de style. Il doit s'agir du premier élément de la feuille de style et ne doit être précédé d'aucun caractère. Puisqu’il ne s’agit pas d’une instruction imbriquée, elle ne peut pas être utilisée dans un groupe de conditions @rule. Si plusieurs @charset @rules sont déclarées, seule la première sera utilisée et elle ne peut pas être utilisée dans l'attribut style de l'élément HTML ou dans l'élément c9ccee2e6ea535a969eb3f532ad9fe89 lié au jeu de caractères de la page HTML.

Cette @rule est utile lors de l'utilisation de caractères non-ASCII dans certaines propriétés CSS, telles que le contenu.

Il existe plusieurs façons de déclarer les encodages de caractères dans les feuilles de style. Le navigateur essaiera les méthodes suivantes dans l'ordre suivant (en s'arrêtant et en obtenant le résultat une fois trouvé) :

Au début du fichier Valeur du caractère d'ordre des octets Unicode. La valeur donnée par l'attribut Content-Type: charset dans l'en-tête HTTP ou la valeur équivalente dans le protocole utilisé pour fournir la feuille de style. CSS @Règles @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> */

Apprentissage recommandé : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!