学校网站建设是什么/长尾词排名优化软件

概况

块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；

行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高！

行内块元素：结合的行内和块级的优点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；

三者转换规则

display:inline; 转换为行内元素
display:block; 转换为块状元素
display:inline-block; 转换为行内块状元素

行内元素

行内标签：包含a、span、em、strong、b、i、u、label、br、img、big、small、sub、sup、button

特点：可以多个标签存在一行，不能直接设置行内标签的高度、宽度、行高以及顶和底边距，完全靠内容撑开宽高！margin和padding设置仅左右方向有效

块标签

块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form、table以及H5新增的属性header、section、aside、footer等等。

特点：独占一行，对高度、宽度、行高以及顶和底边距都可设置的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；

行内块标签

行内块标签：img,input,textarea
特点：元素排列在一行，不会自动换行，可设置宽度和高度以及外边距和内边距的所有样式。

嵌套规则

块标签可以套行标签，行标签不可以套块标签。
p标签不要套块属性标签，可以套a，span，文本…

在这之前有说过 text-align这个属性是否生效，原因是块级标签如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽，那么在100%的宽度中居中生效；但是行内元素的宽完全是靠内容撑开，所以宽度就是内容撑开的宽,居中不生效

参考自：https://www.cnblogs.com/guapitomjoy/p/11668540.html
https://baijiahao.baidu.com/s?id=1641498429112535587&wfr=spider&for=pc
稍加修改