ホームページ  >  記事  >  ウェブフロントエンド  >  HTML CSSタグの型変換、スタイルリセット、フロントエンド仕様を詳しく解説

HTML CSSタグの型変換、スタイルリセット、フロントエンド仕様を詳しく解説

高洛峰
高洛峰オリジナル
2017-03-21 14:44:411279ブラウズ

HTML CSS 基本タグのデフォルト値スタイルのリセット:

(CSS リセット) には以下が含まれます:

body、p、h1、h2、h3、h4、h5、h6、dl、dd マージン フォント

ol、ul、a 、imgおよびその他のタグのデフォルト値スタイルのリセット

グループを使用したリセット

タグの基本機能と変換

ブロックとインラインの特徴と違い:

インライン、インライン、インライン属性タグ:

1. デフォルトでは、ピアは次のことができます。同じタイプのタグを引き続きフォローします

2. コンテンツは幅に拡張されます

3. 幅と高さはサポートされません

4. コードの改行は解析されません。

高速属性:

1. デフォルトでは 1 行のみが表示されます。

2. 幅がない場合、デフォルトでは 1 行が表示されます。 :inline; (インライン表示)

inline-block 機能 そしてアプリケーション

は、inline-block を行内のブロックとして理解できます。

特徴: 1. ブロックは 1 行で表示されます

2. インライン属性ラベルは幅と高さをサポートします

3. 幅がない場合、コンテンツは幅を拡張します

問題点

1. 。

2. IE6/IE7はブロック属性タグのインラインブロックをサポートしていません。

cursor ポインター カーソルの種類: (表示されるカーソルの種類を指定します)

cursor: ポインター|テキスト|マーベ。 。 。

cursir.url(hand.cur)、ポインタ: 画像を導入し、実行できない場合は実行します

ポインタ

インタビューの質問 (クラシック):

  マウスがテキストエリアに移動すると、情報が表示されますが表示されます;

以前のペア仕様:

1. 表記はすべて英語の半角小文字です

2.id。クラスは文字で始まる必要があります

3. すべてのタグは閉じられている必要があります

4. HTML タグ コードのインデント仕様 (1. 可読性を高め、バックエンド エラーの可能性を低減します。2. 読み取りとエラー チェックが便利です)

5.属性値は引用符で囲む必要があります

6 前後にスペースを追加します

7./* css コメント */

8.ul, li/ ol, li/ dl, dt , dd 所有 親子関係の p タグは、ブロック属性タグとネストできません。デフォルトでは、div などの他のタグは存在しません。 , h. ブロック属性は、タイトル内にのみ入れ子にすることができます

10. a タグは、ブロックを入れ子にすることはできません

11.

以上がHTML CSSタグの型変換、スタイルリセット、フロントエンド仕様を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。