CSS グローバル スタイルの重要性は何ですか

anonymity
リリース: 2019-05-28 09:37:31
オリジナル
6928 人が閲覧しました

CSS グローバル スタイルの重要性は何ですか?

CSS グローバル スタイルの重要性は、開発の標準化、作業効率の向上、バックエンド担当者の機能追加とフロントエンドの最適化後のメンテナンスを容易にし、高品質のドキュメントを出力し、 Web サイト構築時の構造がより明確になり、コードが簡潔で整理され、フロントエンド アーキテクチャが向上しました。

同時に、グローバル スタイルを使用すると、Web 標準により準拠し、ページのパフォーマンスが最適化され、コードが簡潔、明確、整然としたものになり、サーバーの負荷が可能な限り軽減され、最速の解析速度。

CSS グローバル スタイルの重要性は何ですか

拡張機能: CSS グローバル フォントを記述する最良の方法

body {font-family: Arial, sans-serif;}これは、これまでに見つかった最高の CSS グローバル フォント書き込みソリューションです。他の書き方と簡単に比較してみましょう。

body {font-family: Tahoma, sans-serif; }これは良い解決策です。 Tahoma は実際には非常に美しいフォントです。しかし、実際にはいくつかの問題が発生します:

1. IE 6 で Tahoma によって表示される中国語では、下線が中国語の文字にぴったりくっついてしまい、見苦しいです。

2. IE 6 では、Tahoma を 13px に正しく設定できません。 14pxほどの大きさになります。ただし、他のブラウザではこの問題は発生しません。

3. 中国語と英語の両方が 1 行に表示され、この行にvertical-align 属性で定義されている要素がある場合、IE 6 および 7 では、テキストが不均一になり、下線も表示されます。ずれてしまいます。

body {font-family: "宋体", sans-serif; }この記述方法の考えられる欠点は次のとおりです:

1. Safari および Vista の IE 7 では、宋王朝は見苦しくなります。

2. Song フォントの英語テキストは醜いです。

3. CSS で中国語を記述する場合は、HTML と CSS のエンコーディングが一致しているかどうかに注意する必要があります。

body {font-family: Arial, ans-serif; }Arial には上記の 2 つの問題はありません。しかし、Arial には欠点もあります:

1. Tahoma よりも醜いです。

2. タホマには 3 番目の問題も存在します。

ただし、このバグには解決策があります。それは、この行でzoom:1を定義することです。

body {font-family: SimSun,sans-serif; }このように書くと、上記の 3 番目の問題を回避できます。しかし、Song フォント自体は本当に醜いです。デフォルトのフォントをさまざまなプラットフォームで使用したいと考えています。 XP は Song フォント、Vista は Microsoft YaHei、Mac は Helvetica です。この場合、最初のフォントを英語フォントにのみ設定できるため、中国語に遭遇したときにブラウザは自動的にデフォルトのフォントを呼び出します。

醜くない場合は、Arial として定義するのが最も適切です。それがどうしても気に入らない場合は、世界情勢を Tahoma として定義し、下線付きの (リンクなど) テキストを Arial として定義すると、少なくとも状況を軽減できます。

グローバル フォントに関する注意点: IE では、すべてのフォーム要素は本文のフォント属性を継承しないため、個別に設定する必要があります:

input、label、select、option、textarea 、ボタン、フィールドセット、凡例 { font-family:Tahoma,sans-serif;}

以上がCSS グローバル スタイルの重要性は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!