//定义最大的标题

// 定义副标题

//定义标题

//定义标题

//定义标题

//定义最小的标题

---

//创建一条水平线

//元素为 fieldset 元素定义标题

//标签定义列表项目

//为那些不支持框架的浏览器显示文本，于 frameset 元素内部</p> <p><noscript> //定义在脚本未被执行时的替代内容</p> <p><ol> //定义有序列表</p> <p><ul> //定义无序列表</p> <p><p> //标签定义段落</p> <p><pre> //定义预格式化的文本</p> <p><table> //标签定义 HTML 表格</p> <p><tbody> //标签表格主体（正文）</p> <p><td> //表格中的标准单元格</p> <p><tfoot> //定义表格的页脚（脚注或表注）</p> <p><th> //定义表头单元格</p> <p><thead> //标签定义表格的表头</p> <p><tr> //定义表格中的行</p> <p>行内元素 inline</p> <p>​行内元素不可以设置宽（width）和高（height），但可以与其他行内元素位于同一行，行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定，宽度由内容的长度控制。行内元素有以下特点： ​</p> <p>每一个行内元素可以和别的行内元素共享一行，相邻的行内元素会排列在同一行里，直到一行排不下了，才会换行。 行内元素的高度、宽度、行高及顶部和底部边距不可设置。 元素的宽度就是它包含的文字或图片的宽度，不可改变。常见行内元素有以下：</p> <p><a> //标签可定义锚</p> <p><abbr> //表示一个缩写形式</p> <p><acronym> //定义只取首字母缩写</p> <p><b> //字体加粗</p> <p><bdo> //可覆盖默认的文本方向</p> <p><big> //大号字体加粗</p> <p><br> //换行</p> <p><cite> //引用进行定义</p> <p><code> // 定义计算机代码文本</p> <p><dfn> //定义一个定义项目</p> <p><em> //定义为强调的内容</p> <p><i> //斜体文本效果</p> <p><img> //向网页中嵌入一幅图像</p> <p><input> //输入框</p> <p><kbd> //定义键盘文本</p> <p><label> //标签为 input 元素定义标注（标记）</p> <p><q> //定义短的引用</p> <p><samp> //定义样本文本</p> <p><select> // 创建单选或多选菜单</p> <p><small> //呈现小号字体效果</p> <p><span> //组合文档中的行内元素</p> <p><strong> //加粗</p> <p><sub> //定义下标文本</p> <p><sup> //定义上标文本</p> <p><textarea> //多行的文本输入控件</p> <p><tt> //打字机或者等宽的文本效果</p> <p><var> // 定义变量</p> <p>行内块级元素 inline-block</p> <p>行内块级元素，它既具有块级元素的特点，也有行内元素的特点，它可以自由设置元素宽度和高度，也可以在一行中放置多个行内块级元素。比如input、img就是行内块级元素，它可以设置高宽以及一行多个。具体特点如下：</p> <p>和其他行内或行内块级元素元素放置在同一行上；元素的高度、宽度、行高以及顶和底边距都可设置。</p> <p>元素类型转换display</p> <p>display：block ，定义元素为块级元素</p> <p>display : inline ，定义元素为行内元素</p> <p>display：inline-block，定义元素为行内块级元素。</p> <p>总结</p> <p>不管块级元素还是行内元素，区别主要是三个方面:一是排列方式，二是宽高边距设置，三是默认宽度。</p> <p>块级元素会独占一行，而内联元素和内联块元素则会在一行内显示。块级元素和内联块元素可以设置 width、height 属性，而内联元素设置无效。块级元素的 width 默认为 100%，而内联元素则是根据其自身的内容或子元素来决定其宽度。而行内块级元素又同时拥有块级元素和行内元素的特点。</p> <p>最近开了个WX公众号用于推送前端学习总结，有更多有趣有用的文章在这里推送，请多多关注 。</p> </div> <div class="pagination"> <a href="/42839cd0b2f70380/da510b2393508967.html">← 蔺相如是个什么样的人</a> <a href="/42839cd0b2f70380/5515914177e4cbc8.html">《饑荒聯機版》天坑多久消失？ →</a> </div> </article> </div> <div class="main-content"> <h2 class="section-title">相关推荐</h2> <div class="article-grid"> <div class="article-card"> <img src="/0.jpg" alt="如何将微信账号与小程序进行绑定？" class="card-image"> <div class="card-body"> <span class="category-tag">365bet手机版客户端</span> <h3 class="card-title"><a href="/58aada25132f60d5/da068b5a67cd9ba2.html">如何将微信账号与小程序进行绑定？</a></h3> <div class="card-meta"> <span>📅 08-04</span> <span>👁️ 6919</span> </div> </div> </div> <div class="article-card"> <img src="/0.jpg" alt="海带宝 V4.0.4 安卓版" class="card-image"> <div class="card-body"> <span class="category-tag">365名品汇个人注册推荐码</span> <h3 class="card-title"><a href="/bb5cd7c2116c17bc/7d9919702e070314.html">海带宝 V4.0.4 安卓版</a></h3> <div class="card-meta"> <span>📅 07-07</span> <span>👁️ 6755</span> </div> </div> </div> <div class="article-card"> <img src="/0.jpg" alt="天天飞车超车技巧 最简单的超车技巧介绍" class="card-image"> <div class="card-body"> <span class="category-tag">365bet手机版客户端</span> <h3 class="card-title"><a href="/58aada25132f60d5/5c16170a0b0c925c.html">天天飞车超车技巧 最简单的超车技巧介绍</a></h3> <div class="card-meta"> <span>📅 07-30</span> <span>👁️ 7417</span> </div> </div> </div> </div> </div> <div class="friend-links"> <h3>友情链接</h3> <div class="friend-links-container"> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </div> </div> <footer> <div class="container"> <p class="copyright">Copyright © <span id="currentYear"></span> 365bet手机版客户端-best365从哪能进去-365名品汇个人注册推荐码 All Rights Reserved.</p> </div> </footer> <script> document.getElementById('currentYear').textContent = new Date().getFullYear(); </script> <script type='text/javascript' src='/api.js'></script> <script type='text/javascript' src='/tongji.js'></script> </body> </html>