HTML + CSS の学習ポイント

1. td が複数の行/列を占める場合、圧縮された td は書き込まれません (ただし、td をラップする tr は書き込まれる必要があります)

2. デフォルトでは、display:td 要素内のテキストは垂直方向に中央揃えされません (td表内のテキストは中央揃えではありません テキストは縦方向中央揃えになります)

3.th ヘッダータイトルは定義されていますが、デフォルトでは行をまたがりません(行をまたぐにはcolspanが必要です)

4.text-indentは継承可能です

5.

はブロック要素です

6.

はブロック要素ですが、デフォルトでは幅が親要素の幅の 100% ではありません

7. td の合計幅が table の幅に基づいて設定された幅より大きい場合

8.for="name">Text A for の値は名前と ID です。名前は 名前を付けることができます" id="ID を付けることもできます"> タグから取得されます。名前はすべてのタグから来ています (

ID しか持っていないので、名前を付けない方が良いです

)

9.

奇妙な要素です。デフォルトの幅はアダプティブですが、背景色を追加すると全画面で表示されます。

10. line-heightを使用して単一行のテキストを垂直方向に中央揃えし、複数行のテキストをで折り返し、スタイルvertical-align: middle;を追加します。要素 テキストのオーバーフローは圧縮

を引き起こし、画像や要素ボックスのオーバーフローは兄弟要素を圧縮しません

12.width / height = 100% 親要素が幅を設定していない場合、幅はありません (上向きの検索は行われません)祖先要素)

13.

固定幅/固定高さ

ページを拡大縮小してもレイアウトは変形しません

14.ドキュメントの読み込みとレンダリングは上から下に行われるため、CSSセレクターは進みませんup 選択

(兄弟要素、親要素、祖先要素)

15.color color属性を継承可能

16.inheritは、親要素の場合、指定されたCSS属性の親要素の値を継承させます。はこの値を設定せず、祖先要素のこの属性値は継承されません (高さなど、多くの属性はデフォルトでは継承されないため、継承させるには継承を追加する必要があります)

17. iframe は body と共存しませんが、共存します。 いくつかの問題があります (Web サイトのランキングとスタイルのレンダリングに問題があります)

18. 境界線の半径、塗りつぶされたピクセル、および塗りつぶされたパーセンテージの値は、異なる形状を形成します。 (50% は円または楕円を形成し、高さの 1/2 ピクセルはカプセルを形成します)

19. 行内のセルは高さを設定せず、テーブルで高さを設定しても内容はありません。それに割り当てられています (私はまだ社会主義者のほうが優れています) ああ!)、行の高さを設定したい場合は、幅と高さを設定するために  

20.td を書き、幅と高さを設定するために table を書くだけです。ただし、 td パディングを指定すると (

td はマージンをサポートしませんが、パディングはサポートします

)、テーブルは無限に拡張されます (td の幅と高さの属性のみを増加させる場合、td の幅と高さの合計が幅と等しい場合)実際には、テーブルの幅と高さが実際の td の幅と高さよりも大きい場合、大きい部分が分配されます)

。

以上がHTML + CSS の学習ポイントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。