先端面接問題まとめHTML+CSS編(一)
3676 ワード
dldtddラベルを紹介します
dlはリストラベルであり、dtとddはdlに表示され、dtは上位プロジェクト、dlは下位プロジェクトである.ブラウザレンダリングでは、ddが-webkit-margin-startプロパティのためにdtの左側から一定の余白を持つことに違いが現れます.
行の要素、ブロックレベルの要素、空の要素はどれらがありますか?
html 5の意味化ラベルを考慮しない場合、行内の要素は次のとおりです.
img\input\a\span\i\strong\select\button\label\textarea
ブロックレベル要素:divuloldllidddtblockquotep
空の要素は単一のラベルで、中には内容のない要素で、inputimgbrhrmetalinkを含む.
cssはどのように垂直水平中央を実現しますか?
hrefとsrcの違いを簡単に説明してください
hrefは、ネットワークリソースが存在する場所を指し、現在の要素またはドキュメントとの接続を確立し、aラベルとlinkラベルでよく使用されます.srcは外部ドキュメントを指し、そのコンテンツはドキュメントの現在のラベルがある場所に埋め込まれます.srcリソースを要求すると、jsスクリプト、imgピクチャ、frameなどの要素などのドキュメントにダウンロードされ、適用されます.要するに、srcは置換可能な要素で使用されますが、hrefは、関連するドキュメントと外部リソースの間で参照関係を確立するために使用されます.
linkと@importの違いを簡単に説明してください
(1)linkはXHTMLタグであり、CSSをロードするほか、RSS(選択したデータを表示するために設計された)などの他のトランザクションを定義することもできる.@importはCSSカテゴリーに属し、CSSのみロードできます.
(2)linkがCSSを参照する場合、ページ読み込み時に同時にロードする;@importは、ページページページを完全にロードしてからロードする必要があります.
(3)linkはXHTMLタグであり、互換性の問題はない.@importはCSS 2である.1は、低バージョンのブラウザではサポートされていません.
(4)linkはJavascript制御DOMを使用してスタイルを変更することをサポートする.@importはサポートされていません.
CSS hackとは?何の役に立つの?
CSSスタイルにいくつかの特殊な記号を加えることで、異なるブラウザに異なる記号を識別させ、異なるCSSスタイルを適用する目的を達成します.Hackは一般に3つに分けられ、条件Hack(if ie)、属性レベルHack(_color)、セレクタHack(*+html)
px、remとemの違いを簡単に説明してください.
pxは絶対寸法単位であり、その値は固定されている.一方、emとremはフォントの相対寸法単位であり、その値は固定されていない.Emは親要素のフォントサイズを継承し、remはhtmlルート要素に対して決定します.
優雅な降格とは何か、漸進的な強化とは何か.
漸進的な強化:低バージョンのブラウザに対してページを構築し、最も基本的な機能を保証し、その後、高度なブラウザに対して効果、インタラクションなどの改善と追加機能を行い、より良いユーザー体験を達成する.エレガントなダウングレード:最初から完全な機能を構築し、低バージョンのブラウザと互換性を備えます.
ブラウザのカーネルはそれぞれ何ですか?
IE:tridentカーネルFirefox:geckoカーネル
Safari:webkitカーネル
Opera:以前はprestoカーネルでしたが、OperaはGoogle ChromeのBlinkカーネルに変更されました
Chrome:Blink(webkitベース、GoogleとOpera Software共同開発)
BFCの理解について
BFC、ブロックレベルのフォーマットコンテキスト、新しいBFCを作成した箱は独立してレイアウトされており、箱の中のサブ要素のスタイルは外の要素に影響しません.同じBFC内の2つの隣接するブロックレベルボックスの垂直方向(レイアウト方向と関係がある)のmarginが折り畳まれます.W 3 C CSS 2.1仕様の概念で、要素がどのようにその内容をレイアウトするか、および他の要素との関係と相互作用を決定します.
tableレイアウトの欠点?
(1)まず,tableレイアウトがより多くのバイトを占有するため,ダウンロード速度(2)tableレイアウトの作成に時間がかかり,すなわち設計思考に不利であり,開発者の読書体験にも影響を及ぼす.(3)少し変更すると、大量の再配置操作が発生し、ブラウザの順序レンダリングに不利になります.
dlはリストラベルであり、dtとddはdlに表示され、dtは上位プロジェクト、dlは下位プロジェクトである.ブラウザレンダリングでは、ddが-webkit-margin-startプロパティのためにdtの左側から一定の余白を持つことに違いが現れます.
行の要素、ブロックレベルの要素、空の要素はどれらがありますか?
html 5の意味化ラベルを考慮しない場合、行内の要素は次のとおりです.
img\input\a\span\i\strong\select\button\label\textarea
ブロックレベル要素:divuloldllidddtblockquotep
空の要素は単一のラベルで、中には内容のない要素で、inputimgbrhrmetalinkを含む.
cssはどのように垂直水平中央を実現しますか?
CSS
hrefとsrcの違いを簡単に説明してください
hrefは、ネットワークリソースが存在する場所を指し、現在の要素またはドキュメントとの接続を確立し、aラベルとlinkラベルでよく使用されます.srcは外部ドキュメントを指し、そのコンテンツはドキュメントの現在のラベルがある場所に埋め込まれます.srcリソースを要求すると、jsスクリプト、imgピクチャ、frameなどの要素などのドキュメントにダウンロードされ、適用されます.要するに、srcは置換可能な要素で使用されますが、hrefは、関連するドキュメントと外部リソースの間で参照関係を確立するために使用されます.
linkと@importの違いを簡単に説明してください
(1)linkはXHTMLタグであり、CSSをロードするほか、RSS(選択したデータを表示するために設計された)などの他のトランザクションを定義することもできる.@importはCSSカテゴリーに属し、CSSのみロードできます.
(2)linkがCSSを参照する場合、ページ読み込み時に同時にロードする;@importは、ページページページを完全にロードしてからロードする必要があります.
(3)linkはXHTMLタグであり、互換性の問題はない.@importはCSS 2である.1は、低バージョンのブラウザではサポートされていません.
(4)linkはJavascript制御DOMを使用してスタイルを変更することをサポートする.@importはサポートされていません.
CSS hackとは?何の役に立つの?
CSSスタイルにいくつかの特殊な記号を加えることで、異なるブラウザに異なる記号を識別させ、異なるCSSスタイルを適用する目的を達成します.Hackは一般に3つに分けられ、条件Hack(if ie)、属性レベルHack(_color)、セレクタHack(*+html)
px、remとemの違いを簡単に説明してください.
pxは絶対寸法単位であり、その値は固定されている.一方、emとremはフォントの相対寸法単位であり、その値は固定されていない.Emは親要素のフォントサイズを継承し、remはhtmlルート要素に対して決定します.
優雅な降格とは何か、漸進的な強化とは何か.
漸進的な強化:低バージョンのブラウザに対してページを構築し、最も基本的な機能を保証し、その後、高度なブラウザに対して効果、インタラクションなどの改善と追加機能を行い、より良いユーザー体験を達成する.エレガントなダウングレード:最初から完全な機能を構築し、低バージョンのブラウザと互換性を備えます.
ブラウザのカーネルはそれぞれ何ですか?
IE:tridentカーネルFirefox:geckoカーネル
Safari:webkitカーネル
Opera:以前はprestoカーネルでしたが、OperaはGoogle ChromeのBlinkカーネルに変更されました
Chrome:Blink(webkitベース、GoogleとOpera Software共同開発)
BFCの理解について
BFC、ブロックレベルのフォーマットコンテキスト、新しいBFCを作成した箱は独立してレイアウトされており、箱の中のサブ要素のスタイルは外の要素に影響しません.同じBFC内の2つの隣接するブロックレベルボックスの垂直方向(レイアウト方向と関係がある)のmarginが折り畳まれます.W 3 C CSS 2.1仕様の概念で、要素がどのようにその内容をレイアウトするか、および他の要素との関係と相互作用を決定します.
tableレイアウトの欠点?
(1)まず,tableレイアウトがより多くのバイトを占有するため,ダウンロード速度(2)tableレイアウトの作成に時間がかかり,すなわち設計思考に不利であり,開発者の読書体験にも影響を及ぼす.(3)少し変更すると、大量の再配置操作が発生し、ブラウザの順序レンダリングに不利になります.