Maison > interface Web > tutoriel CSS > Quel est le rôle de voice-family: '\'}\'' en CSS ?

Quel est le rôle de voice-family: '\'}\'' en CSS ?

黄舟
Libérer: 2017-07-17 14:12:59
original
2603 Les gens l'ont consulté

Quel est le rôle de voice-family : ""}"" en CSS ?

#centercontent { 
                 background-color: #006600;
                   background-image: url(../img/home_main_bg.gif);
                   background-repeat: repeat-x;
                   height: 502px;
                   width: 772px;
                   margin-top: 0px;
                   margin-right: auto;
                  margin-bottom: 0px;
                   margin-left: auto;
                   border: 1px solid #006600;
                   voice-family: "\"}\""; 
                   voice-family: inherit; 
                   height: 500px;
                   width: 770px;
}
Copier après la connexion

Ici, la largeur est définie sur 770PX et la bordure est de 1PX. Cependant, lors de la navigation sur la page dans les navigateurs antérieurs à Windows IE5.5, la largeur du calque principal sera inférieure de 2 pixels à la largeur réelle. (770px-1px- 1px), il faut donc le corriger. Voici une méthode de correction. La fonctionnalité "cascading" de la feuille de style est utilisée ici. Pour le même attribut du même sélecteur, la valeur définie ultérieurement écrasera la valeur définie précédemment.

Et "voice-family:""}"" ;voice-family:inherit;" est l'attribut vocal de CSS Puisque Windows IE5.5 ne prend pas entièrement en charge CSS2 et ne reconnaît pas cet attribut, sautez. à l'étape suivante.

IE5 ne peut pas lire correctement les deux paragraphes voice-family: ""}""; voice-family:inherit;, il abandonne donc la lecture de #centercontent avant de lire la deuxième largeur.

De cette façon, deux valeurs de Largeur peuvent être définies dans la même Classe. (En fait, c'est un exemple typique de définition répétée, mais cela ne posera pas de problèmes dans d'autres navigateurs.)

Un autre sans famille vocale : " "}""; méthode pour résoudre :

largeur : 770px
largeur : 772px;

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal