HTML CSS 面接の質問_html/css_WEB-ITnose

1. WEB標準とW3Cの理解と認識

ラベルクロージャー、小文字ラベル、ネスティングなし、検索ロボットの検索確率向上、外部リンクCSSとJSスクリプトの使用、構造的動作パフォーマンスの分離、ファイルダウンロードページ速度が速くなり、より多くのユーザーがコンテンツにアクセスできるようになり、より広範囲のデバイスがコンテンツにアクセスできるようになり、コードとコンポーネントが減り、メンテナンスと改訂が容易になり、ページのコンテンツを変更する必要がなく、印刷版を提供する必要がなくなります。コンテンツをコピーして Web サイトの使いやすさを向上させます

2. xhtml と html の違いは何ですか

HTML は基本的な WEB Web ページのデザイン言語であり、XHTML は XML に基づいたマークアップ言語です

主な違い:

XHTML 要素は正しくネストされている必要があります。

XHTML要素は閉じられている必要があります。

タグ名は小文字にする必要があります。

XHTML ドキュメントにはルート要素が必要です。

3.Doctype? Strict モードと promiscuous モード - これら 2 つのモードをトリガーする方法、およびそれらを区別する重要性は何ですか?

ドキュメントがどのような種類の仕様 (html/Xhtml) を使用しているかを宣言するために使用されます。一般に厳密で過度にフレームワークベースの HTML ドキュメント

XML 宣言を追加するとトリガーされる可能性があり、IE5.5 では解析方法が変更されます

4. インライン要素とは何ですか。 CSSのブロックレベル要素とは何ですか?

ブロックレベル要素: div p h1 h2 h3 h4 form ul

インライン要素: a b br i span input select

CSSボックスモデル: content, border 、margin、padding

5. CSSを導入する方法は何ですか? linkと@importの違いは何ですか?

インライン埋め込み外部リンクインポート

違い: 同時読み込み

前者は互換性がありません。 、後者はCSS2.1未満のブラウザではサポートされていません

リンクはスタイルを変更するためにJavaScriptを使用することをサポートしています

6. どの属性が継承できますか？優先度アルゴリズムは、インラインと重要のどちらが優先されますか?

タグセレクタークラスセレクターIDセレクター

Id>class>タグ選択を指定するよりも優先度が高くなります

7. フロントエンドページの 3 つのレイヤーとは何ですか? それぞれの機能は何ですか?

構造レイヤー HTML プレゼンテーションレイヤー CSS 動作レイヤー

8. CSS の基本的なステートメント構造は何ですか?

セレクター {属性 1: 値 1; 属性 2: 値 2; ...}

9. これらのブラウザのカーネルをテストしましたか?

Ie (Ie kernel) Firefox (Gecko) Google (webkit) o​​pear (Presto)

10. IE6 BUGの解決策をいくつか書く

1. ディスプレイ使用によるDouble margin BUG float

2.3 dislpay:inline -3px を使用した float の使用によって引き起こされるピクセルの問題

3. クリック後のハイパーリンクのホバーは無効です 正しい書き込み順序を使用してリンクを訪問し、ホバーをアクティブにします

4 .つまり、z-index の問題は、親に対してposition:relativeを追加することです

5.jsコードを使ってPngを透明に変更

6.Min-height最小高さ!重要な解決法

7.selectを使ってie6の下にあるiframeのネストをカバーして使用します

8.なぜaを定義する方法がないのですか？ width コンテナ約 1px (IE6 のデフォルトの行の高さが原因で、over: hidden、zoom: 0.08 line-height: 1px を使用)

9.ie 6 は ! important

をサポートしていません 11. imgタグのtitle属性とalt属性の違いは？

画像が表示されていないときはaltがテキストで表現されます。

タイトルはこの属性の情報を提供します

12. CSS リセットの役割と使用法を説明します。

リセットはブラウザのCSSのデフォルト属性をリセットし、様々な種類やスタイルを持っているものをリセットして統一します

13. CSSスプライトとその使い方を解説します。

CSS スプライトは、多数の小さな画像を 1 つの大きな画像に統合し、画像に対するサーバーのリクエストの数を減らします

14. ブラウザの標準モードと奇妙なモードの違いは何ですか?

ボックスの違いは何ですか?モデルのレンダリング モード

どのモードを表示するには window.top.document.compatMode を使用します

15. Web サイトのファイルとリソースをどのように最適化しますか? 期待されるソリューションには次のものが含まれます:

ファイルの結合

ファイルの最小化 /ファイル圧縮 CDN ホスティングの使用

キャッシュの使用

16. セマンティック HTML とは何ですか?

タグの直感的な理解は検索エンジンのクローリングに役立ちます

17。フロートをクリアする方法、それぞれに長所と短所があります

1. 空のタグを使用してフローティングをクリアします。clear:both (理論的には、任意のタグをクリアできます、、、無意味なタグを追加できます)

2. overflow:auto を使用します(空のタグ要素はフローティングをクリアし、意図しないコードを追加する必要があります、、 IE との互換性のために、zoom: 1 を使用します)

3. afert 擬似要素を使用してフローティングをクリアします (IE 以外のブラウザの場合)

18.css hack

_marging \IE 6

+margin \IE 7

Marging:0 auto 9 All Ie

Margin