标签的显示模式

显示模式

定义

常见元素

典型元素

特点

块级元素

每个块元素独自占据一行或多行，可以对其设置宽度，高度，对齐等属性，常用于网页布局和网页结构的搭建

<h1>-<h6>

<div>,<ul>,<ol>

<li>

<div>
  1. 总是从最新一行开始
  2. 宽度和高度，内外边距都可以设置
  3. 宽度默认的是容器的100%
  4. 可以容纳其他块元素和内联元素

行内元素

行内元素不占用独立的区域，仅仅依靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度，高度，对齐等属性，常用于控制页面中文本的样式

<a><strong><em>

<i><del><s><ins>

<u><span>

 

<span>
  1. 和相邻元素在一行上，
  2. 高宽无效，但水平方向可以使用margin和padding设置，垂直方向无效
  3. 默认宽度是它本身内容的宽度
  4. 行内原色只能容纳文本或其他行内元素

行内块元素

 

<img><input><td>

 
  1. 和相邻行内元素（块元素）在同一行，但是之间会有空白缝隙
  2. 默认宽度就是他本身内容的宽度
  3. 高度，宽度，内外边距都可以控制

注意：

  1. P里面不能放块级元素，同理h1-h6都是文字类块级标签，里面不能放其他块级元素
  2. 链接里面不能放链接

 

标签显示模式转换display

块转行内：display:inline

行内转块:display:block

块，行内转行内块：display:inline-block

posted on 2019-01-03 22:59 roserose123 阅读(…) 评论(…) 编辑 收藏

版权声明：本文为wxwxwx原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/wxwxwx/p/10217449.html