元素显示

最新推荐文章于 2022-11-23 17:10:33 发布

猫气

最新推荐文章于 2022-11-23 17:10:33 发布

阅读量131

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/WDengmei/article/details/102636727

版权

css 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

块级元素 <h1>~<h6>，<p>,<ul> ，<li>，<div>

p，h1 dt等为文字类的块级元素里面不能放块级元素

占一行，有宽高（默认100%）

行内元素 a，strong ,b,span，u等

a可以放块级元素

链接里不能再放链接

和相邻元素在一行，
宽度取决于内容宽度，
水平可设padding,margin，只能放行内元素（a除外）

行内块元素 img,input,td

有宽度（内容撑开）和高度，
和相邻元素在一行但有间隙

转换

display:inline;/*块级换为行内元素*/
display:block;/*行内换为块级元素*/
display:inline-block;/*行内换为行内块元素 一般是a元素居多*/

行内元素和行内块元素可以看作文本

行高等于盒子的高度，可以让单行文本垂直居中

行高：基线和基线之间的距离利用最多：让单行文本居中（文字行高等于盒子高度）

<style>
		div{
			width: 100px;
			height: 50px;
			background-color:pink;
			line-height:50px;
		}
		/*行高：上距离+下距离+内容高度（默认16），*没有给行高则行高为0，上距离和下距离没有，行高默认16px，只有内容高度*，当行高为50px时，50-16=34，上距离和下距离分别为17相等，看起来就居中了*/
	</style>
</head>
<body>
	<div>我是行高</div>
</body>