块元素和行内元素 以及行内块元素的特征?

weibo_蛋炒一切不是sier_03553231
浏览 6744回答 5
5回答

刚毅87

  <!-- ============================================ -->   <!-- =================  块属性  ================== -->   <!-- ============================================ -->   <!-- <div>、<p>、<h1>…<h6>、<ol>、<ul>、<li>、<address>、<blockquote>、<form> -->   <!--     1.每一个快属性标签都是从新的一行开始,而且之后的元素也都会从新的一行开始     (因为每一个块属性标签都会直接占据一整行的内容,导致下面的内容也只能从新的一行开始)     2.块属性标签都是可以设置宽度、高度,行高,距顶部距离,距底部距离     3.块属性标签的宽度假如不做设置,会直接默认为父元素宽度的100%     4.块属性标签是可以直接嵌套的     5.p标签中不能嵌套div标签   -->   <!-- ============================================ -->   <!-- =================  行属性  ================== -->   <!-- ============================================ -->   <!--     <a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>等   -->   <!--     1.行属性标签它和其它标签处在同一行内     2.行属性标签无法设置宽度,高度 行高 距顶部距离 距底部距离     3.行属性标签的宽度是直接由内部的文字或者图片等内容撑开的     4.行属性标签内部不能嵌套行属性标签(a链接内不能嵌套其他链接)   -->行内快 同时具有 行元素和块元素的部分特征.

损失函数

1.行内元素与块级元素直观上的区别    行内元素会在一条直线上排列,都是同一行的,水平方向排列    块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。3.行内元素与块级元素属性的不同,主要是盒模型属性上行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效行内块元素display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。

Gavin_Alison

同上!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5