HTML の 18 の基本概念を共有する

1.HTML:

Hypertext Markup Language

Hpyer Text: ハイパーテキスト言語 (テキスト、画像、リンク、オーディオ、ビデオなど)

違い: 通常のテキスト - Word テキスト (テキスト、表、図)

マークアップ: ラベル

ec8f7a216f71fa26a61ee4d5616efb898c1ecd4bb896b2264e0711597d40766c

ラベルには複数の属性を含めることができ、属性と属性の間には、値と値を含めることができます。スペースで区切られています

Langage: 言語

HTML はさまざまなタグを使用してハイパーテキスト コンテンツをラップし、順番に書き込みます

2. ドキュメント フロー シーケンス:

上から下に分割されてブラウザ ウィンドウを閉じます列に。各行の要素を左から右に配置します

ブラウザウィンドウを上から下に行と行に分割し、各行の要素を左から右に配置します。これをドキュメントフロー順序といいます

3。

HTML: total タグは、これが HTML ドキュメントであることをブラウザーに伝えます。

head: head タグには、ドキュメントに関する関連情報が含まれており、ブラウザー ウィンドウには表示されません。 1 つの

body : 本文タグ。すべてのハイパーテキスト コンテンツが含まれ、ブラウザ ウィンドウに表示されます。ページには 1 つだけ含めることができます。

meta: ページの関連情報を提供します。1 ページに複数含めることができます。 b2f0d49c16306e60b5f5bbc3a6018943特殊な終了メソッド

title: ページの関連コンテンツを説明します。1 つのページに

は 1 つだけあります。 DOCTYPE: 宣言タグ。ドキュメントで使用される W3C 標準シンボルをブラウザーに伝えます。終了タグはありません。ページは HTML 内に記述されません

4。W3C 仕様:

(1) タグ文字は小文字である必要があります。

(2 ) 開始タグがある場合は、終了タグが必要です。タグを閉じる方法は 2 つあります。

2e1cf0710519d5598b1f0f14c36ba6748c1ecd4bb896b2264e0711597d40766c

bfdf57554631c62e63917d588904f58a

(3) ラベルの値は、{ec8f7a216f71fa26a61ee4d5616efb8991dbcec6f5b5b8ec321abeabf51234c8}

(4) 表示されるすべての記号は英語の記号である必要があります

(5) タグ + コンテンツ = 要素

5. 3 つの CSS スタイル:

CSS (カスケード スタイル シート)

機能: に使用します。ブラウザでの HTML コンテンツの表示スタイルを定義します

(1) インライン CSS スタイル:

f8366f7d437b4764385859ae85556fbcここのテキストは赤色です 94b3e26ee717c64999d7867364b1b4a3

(2) 埋め込みCSSスタイル

埋め込みCSSスタイルはc9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927の間に記述する必要があります。

(3) 外部 CSS スタイル (拡張子は .css)

外部 CSS は a218722542b04284d11f892e65a915ad" よりも、指定したラベル要素の第一世代の子要素を選択するには

例:

.aa > li {border:1px solid red;}

クラス aa の li 要素に 1px の赤い実線の境界線を追加します

10 子孫セレクター

.first span {color:red;}
<p class="first">.......<span>胆小如鼠</span></p>

はネズミのように臆病です

11. 子セレクターと子孫セレクターの違い:

(1) 子セレクター: 直系の子孫 - ">"

(2) 子孫セレクター: すべての子孫 - スペース

12. ユニバーサル セレクター (*)

HTML のすべてのタグ要素と一致します

13. グループ セレクター (,)

h1,span{color:red;}

14 . 継承 (CSS スタイル)

は、特定の HTML タグ要素だけでなく、その子孫にも適用されます。

例:

p{color:red;}
<p>我小时候<span>胆小如鼠</span></p>

私は子供の頃、ネズミのように臆病で、ネズミのように臆病も含めてフォントはすべて赤でした。 (継承関係)

15. 特殊性:

eg:

p{color:red;}
.first{color:green;}
<p class="first">我小时候<span>胆小如鼠</span></p>

注:

p,.first はすべて p タグの CSS 属性と一致し、ブラウザは重みに基づいてどの CSS を使用するかを決定します。 . スタイル

(ラベルの重みは 1、クラス セレクターの重みは 10、ID セレクターの重みは 100)

例:

代码                                                                                                      权值
p{color:red;}                                                                                             1
p span{ color:green;}                                                                             1+1=2
.warning{ color:white;}                                                                           10
p span .warning { color:purple;}                                                             1+1+10=12
#footer .note p { color:yellow;}                                                               100+10+1=111

CSS スタイルは最高を設定します。重さ ——重要例:

p { color:red !important;}
p { color:green;}

注:

スタイルの優先度:

ブラウザのデフォルトのスタイルffafdb6daa86b7b78f2a0b4e843ac100,d5fd7aea971a85678ba271703566ebfd

和其他元素都在一行上

元素的高度、宽度、行高及顶和底边距都不可设置

18.

转换成块级元素：   a { display:block;}

转换成内联元素：   a { display:inline;}

转换成内联块级元素：   a { display:inline-block;}

【相关推荐】

1. 特别推荐：“php程序员工具箱”V0.1版本下载

2. 免费html在线视频教程

3. php.cn原创html5视频教程

以上がHTML の 18 の基本概念を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。