ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS における voice-family: '\'}\'' の役割は何ですか?

CSS における voice-family: '\'}\'' の役割は何ですか?

黄舟
黄舟オリジナル
2017-07-17 14:12:592607ブラウズ

CSS の voice-family: ""}"" の機能は何ですか?

#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;
}

幅は770PX、枠線は1PXに設定されていますが、Window IE5.5以前のブラウザでページを閲覧する場合、メインレイヤーの幅は実際の幅(770px-1px-1px)よりも2px小さくなります。 , なので調整が必要です 修正、修正方法を紹介します。ここでは、スタイル シートの「カスケード」機能が使用されており、同じセレクターの同じ属性に対して、後で定義された値が以前に定義された値を上書きします。

そして、"voice-family:""}"" ;voice-family:inherit;" は CSS の voice 属性です。Window IE5.5 は CSS2 を完全にサポートしていないため、この属性を認識しません。次のセレクター。

IE5 は 2 つの段落 voice-family: ""}""; voice-family:inherit; を正しく読み取ることができないため、2 番目の width を読み取る前に #centercontent の読み取りを諦めます。これにより、同じクラス内で 2 つの幅の値を定義できます。 (実際、これは繰り返し定義の典型的な例ですが、他のブラウザでは問題は発生しません。)

voice-family を使用せずに問題を解決する別の方法: ""}"";:

幅: 770ピクセル

幅: 772ピクセル;

以上がCSS における voice-family: ''}'' の役割は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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