1. ドキュメント フロー: ページ要素のデフォルトの配置は、HTML ドキュメント内の要素の順序に従って左から右、上から下に配置されます。 2. ブロック要素はデフォルトで 1 行を占めます。幅と高さを設定できます。例:、、...; 3. デフォルトでは、幅と高さは水平方向に 1 行に配置されます。...;のように内容によって決まり、設定できません。 4. 置換要素: 内容要素の要素は、タグの属性によって設定されます。タグは実際には、 などのプレースホルダーです。 5. 非置換要素: コンテンツ、、などの要素が含まれています 6. 要素の内容が来るからです。外部リソースからの場合、単一のタグが多数あるため、ほとんどの置換要素には 1 つのタグだけが必要ですが、次のような例外もあります。 <video>... これらのタグのほとんどインポートするリソースのパスを示す src が含まれています。タグにコンテンツがある場合、それは無効であるか、</p> <p> であるか、単にリソースの導入であるかのいずれかです。 </p> <p> 6-2. コンテンツがユーザーによって直接タグに書き込まれる、<p>、<h3> およびその他のテキスト タグは、最も一般的な非置換要素です</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css中的基本术语</title> </head> <body> <!--div和p标签写在前面就先显示,因为是块标签,所以都独占一行垂直排列--> <div>div标签是最简单最常用的块标签</div> <!--打开浏览器的开发者工具(调试工具),查看元素样式,可以看到他的display属性: block--> <p>div标签是最简单最常用的块标签</p> <!--a标签写在了后面就在后面显示,因为为行内标签,所以在一行中水平排列--> <a href="index.html"><em>首页</em></a> | <a href="news.html">公司新闻</a> | <a href="about">关于我们</a> <hr> <!--以上的p,div标签是非替换元素,它的内容由当前文档提供,因为外部资源的大小具有不可控性,所以默认为行内元素--> <img src="../images/1.jpg" width="100" alt=""> <input type="text"> </body> </html></pre><div class="contentsignin">ログイン後にコピー</div></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
