如有错误，欢迎指正。更多内容查看GitHub1.元素分类首先，你需要知道元素分为三种：行内元素（inlineelements）、块级元素、行内块级元素。1、行内（inline）元素可以和其他元素一起占据一个行高、行高、内外边距。宽度不能更改为内容占用的宽度，也不能更改为容纳文本或其他内联元素。2.块级元素独占一个行高和行高。可以更改内部和外部边距。如果未设置宽度，则宽度默认为容器的100%。它可以容纳内联元素和块级元素。3.内联块级元素可以与其他元素行内。常用内联（inline）元素：a——锚点b——粗体br——换行符cite——参考代码——计算机代码em——强调i——斜体img——图片输入——输入框标签——表格标签span——常用内联容器，定义块内文本strike-dashstrong-boldemphasissub-subscriptsup-superscripttextarea-多行文本输入框文档分区表单-表单部分-页面部分h1-主标题h2-副标题h3-3级标题h4-4级标题h5-5级标题h6-6级标题hr-水平分隔标题-标题菜单-菜单列表ol-排序listul-非排序列表p-段落table-表格常见的内联块级元素有：img-图片input-输入例如：img{display:inline-block;}2.水平居中1、内联元素水平居中(1)父元素的内联元素是块级元素使用text-align:centerp{background-color:cyan;text-align:center;
我是内联文本
可以看到块级元素p的默认宽度是整个容器的100%，它持有的文本是一个内联元素，并且它使用text-align:center水平居中。text-align:center只对行内元素有效，包括行内块级元素。比如对inline、inline-block、inline-table、inline-flex元素也是有效的，因为inline-block的值会把内层的div显示为内嵌元素和块，所以外层的属性text-aligndiv将使内部div居中。2.块级元素水平居中(1)单个块使用margin:0auto有时需要居中的不是文本，而是整个块。我们希望通过将边距设置为“自动”来使左右边距相等。这通常用于固定宽度的块，如果块本身是灵活的，它会占据整个宽度，当然居中效果可能不明显，因为它占据了整个宽度。无论块级元素或父元素居中的宽度如何，这都有效。.block{宽度：200px;保证金：0自动；background-color:aquamarine;