ホームページ > 記事 > ウェブフロントエンド > CSSの基本用語
CSSの基本用語
- 无忌哥哥オリジナル
- 2018-06-28 16:57:171566ブラウズ
1. ドキュメント フロー: ページ要素のデフォルトの配置は、HTML ドキュメント内の要素の順序に従って左から右、上から下に配置されます。
2. ブロック要素はデフォルトで 1 行を占めます。幅と高さを設定できます。例:dc6dce4a544fdca2df29d5ac0ea9906b、e388a4556c0f65e1904146cc1a846bee、c1a436a314ed609750bd7c7d319db4daff9c23ada1bcecdd1a0fb5d5a0f18437...;
3. デフォルトでは、幅と高さは水平方向に 1 行に配置されます。45a2772a6b6107b401db3c9b82c049c23499910bf9dac5ae3c52d5ede7383485907fae80ddef53131f3292ee4f81644b...;のように内容によって決まり、設定できません。
4. 置換要素: 内容要素の要素は、タグの属性によって設定されます。タグは実際には、f8d9cde947de1719581060b617c87f2114b862228af3b93cec3de977706136b3 などのプレースホルダーです。
5. 非置換要素: コンテンツe388a4556c0f65e1904146cc1a846bee、4a249f0d628e2318394fd9b75b4636b1、2cdf5bf648cf2f33323966d7f58a7f3fなどの要素が含まれています
6. 要素の内容が来るからです。外部リソースからの場合、単一のタグが多数あるため、ほとんどの置換要素には 1 つのタグだけが必要ですが、次のような例外もあります。
39000f942b2545a5315c57fa3276f2203f1c4e4b6b16bbbd69b2ee476dc4f83a39000f942b2545a5315c57fa3276f220... これらのタグのほとんどインポートするリソースのパスを示す src が含まれています。タグにコンテンツがある場合、それは無効であるか、
であるか、単にリソースの導入であるかのいずれかです。
6-2. コンテンツがユーザーによって直接タグに書き込まれる、e388a4556c0f65e1904146cc1a846bee、684271ed9684bde649abda8831d4d355 およびその他のテキスト タグは、最も一般的な非置換要素です
<!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>以上がCSSの基本用語の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。