当前位置:首页 > 前端技术 > CSS,html各类标签特点

CSS,html各类标签特点

2022年11月09日 10:57:29前端技术9

前言:熟记各类标签的特点,特征 在写网页时有助于提高效率降低错误率。这也是html的基本功,需要牢记

  • 块元素的特点

1.设置宽高生效
(1) 不设宽度 自适应父级容器的宽度
(2) 不设高度 高度由盒子里的内容撑开

2.独立占据一行
3.支持所有css样式

常用块元素有:

<div></div>
<p></p>
<ul>
	<li></li>
</ul>
<ol>
	<li></li>
</ol>
<table></table>
<dl>
	<dt></dt>
	<dd></dd>
</dl>
<h1></h1> - <h6></h6>
<form></form>
  • 行内元素特征

1.设置宽度,高度不生效,宽高默认由字体撑开
2.同类元素在一行,排不下自动换行
3.对margin-top: margin-bottom:上下无效,水平方向有效
4.对代码换行会解析

常用行内元素有:

<span></span>
<strong></strong>
<em></em>
<a></a>
<b></b>
<s></s>
<i></i>
<u></u>
<mark></mark>
<label></label>
  • 行内块元素特点

1.设置宽高生效
2.对代码换行解析
3.同类元素在一行排列,不会自动换行
4.margin: padding:有效

常用行内块元素有:

<img src="" alt="">
<input type="" value="" name="" plackholder="">
<button></button>
<textarea type="text" clos="" rows="" value="" name=""></textarea>
<select>
	<option></option>
	<option></option>
</select>

作者:shiyu18
来源链接:https://blog.csdn.net/shiyu18/article/details/109509710

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/68762.html

标签: cssHTML标签
分享给朋友: