ホームページ  >  記事  >  ウェブフロントエンド  >  HTML CSS タグの型変換、スタイルのリセット、フロントエンド仕様の詳細な紹介

HTML CSS タグの型変換、スタイルのリセット、フロントエンド仕様の詳細な紹介

高洛峰
高洛峰オリジナル
2017-03-23 09:29:441786ブラウズ

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

(css reset) には以下が含まれます:

body、p、h1、h2、h3、h4、h5、h6、dl、dd margins Font

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

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

タグの基本機能と変換

ブロックとインラインの機能と違い:

インライン、埋め込み、インライン属性タグ:

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

2. コンテンツ展開幅

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

4. 上下の marginpadding はサポートされていませんサポートされています

5. コードの改行が解析されます

高速属性:

1. デフォルトで 1 行で表示します

2. 幅がない場合、デフォルトで行を埋めます

display: block; (ブロックとして表示)

display :inline; (インラインとして表示)

インラインブロックの機能とアプリケーション

インラインブロックは、行内のブロックとして理解できます。

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

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

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

問題点

1. コードの改行が解析されます。

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

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

カーソル: ポインタ|テキスト|マーベ。 。 。

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

ポインター

インタビューの質問 (古典):

  マウスがテキスト領域に移動すると、情報が表示されます。

フロントペアの仕様:

1. 英語の半角

ステータスの下にすべて小文字で表記されます

2.id。 クラス

文字で始まる必要があります

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

4.

HTMLタグ

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

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

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

7./* css コメント*/

8.ul, li/ ol、li/ dl、dt、dd は親子関係を持ちます。デフォルトでは、

js

などのタグは含まれません。 div など

9.p、dt、h、はタグに含めることはできません。ネストされたブロック属性はタイトルテキストのみをタイトルに配置する必要があります

10. a タグは a タグをネストすることはできません

11.インライン要素はブロックをネストできません

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

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