html 面接でよくある 5 つの質問

PHPz
リリース: 2017-04-04 09:44:06
オリジナル
1516 人が閲覧しました
1. 共通のブロックレベル要素 インライン要素 p - 最も一般的に使用されるブロックレベル要素 dl - dt-dd で使用されるブロックレベル要素 フォーム - インタラクティブフォーム h1 -h6- タイトル hr - 水平区切り線 ol - 順序付きリスト p - 段落 ul - 順序なしリスト フィールドセット - フォーム フィールド セット Colgroup-col - フォーム列グループ化要素 table-tr-td テーブルと行セル - フォーマット済みテキスト a - ハイパーリンク (アンカー) br - 改行 i - イタリック体 em - 強調 img - 画像入力 - 入力ボックス ラベル - フォーム ラベル スパン - テキスト ブロックを定義するために一般的に使用されるインライン コンテナ Strong - 太字強調 sub - 下付き文字 sup - 上付きテキスト エリア - 複数行テキスト入力ボックス u - 下線選択 - プロジェクト選択 2. いくつかの条件text-overflow 属性 は、テキストがオーバーフローした場合に省略マークを表示するかどうかのみであり、オーバーフローを実現する際に生成される 他の スタイル属性の定義はありません。省略記号の値を定義する必要があります:
1. コンテナの幅: width: value; (px、%、両方を使用できます)
2. テキストを 1 行で表示します: white-space: nowrap ;
3. オーバーフロー コンテンツを非表示にする: overflow: hidden;
4. オーバーフロー テキストに省略記号を表示する: text-overflow: ellipsis;
注: この記事のオーバーフローを設定するには、1 行のテキストを指定する必要があります。 ! !

IE6+; chrome1.0+; (Firefox、Opera はまだサポートされていません)

3. コンテナ内で要素を垂直方向に中央揃えに設定するには、変更する必要があります
display
属性値は inline-block;であり、兄弟要素 (ruler) を追加します (兄弟要素 [ruler] スタイルは vertical-align
:middle;width:0;height: に設定されています) 100%;表示:インラインブロック;)。 3 つの条件:
1:
text-align
:center をコンテナー (親要素) に追加する必要があります。 2: 現在の要素をインライン ブロック要素 (display:inline-block;) に変換して追加する必要があります。現在の要素にvertical-align:middle;3を追加します: 現在の要素の後に兄弟要素spanを追加し(改行なし)、vertical-align:middle;width:0;height:100%;display:inline -block;

4. 置換要素と非置換要素

置換要素と非置換要素

a) 置換要素: ブラウザは、タグと属性に基づいて要素の具体的な表示コンテンツを決定します。 たとえば、ブラウザは画像情報を読み取り、 タグの src 属性の値に基づいて表示しますが、(x)html コードを表示すると、画像の実際の内容は表示されません。 タグのタイプ 属性は、入力ボックスや
ラジオボタン
などを表示するかどうかを決定します。 HTML の (x)