sublime快捷键块元素行元素 005

最新推荐文章于 2022-02-23 13:13:13 发布

陀陀吖

最新推荐文章于 2022-02-23 13:13:13 发布

阅读量191

点赞数

分类专栏： html与css

本文链接：https://blog.csdn.net/weixin_40422393/article/details/88809509

版权

html与css 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>快捷键</title>
	<style>
		span{
			display: inline-block;/*把行内元素转化为行内块元素*/
			display: block;    /*把行内元素转化为块元素*/
		}
		div{
			display: inline;  /*把块元素转化为行内元素*/
		}
	</style>
</head>
<body>
	<!-- 生成多个相同标签 生成三个div  div*3+tab键 -->
	<div></div>
	<div></div>
	<div></div>

	<!-- ul>li>a+tab键 包含关系-->
	<ul>
		<li><a href=""></a></li>
	</ul>
	<div>
		<p><a href=""><span></span></a></p>
	</div>

	<!-- 并列关系 div+p+span-->
	<div></div>
	<p></p>
	<span></span>
	<a href=""></a>

	<!-- 有包含关系下面有并列关系 dl>dt+dd -->
	<dl>
		<dd></dd>
		<dt></dt>
	</dl>

	<!-- 有并列有包含dl+dd>dt -->
	<dl></dl>
	<dt>
		<dd></dd>
	</dt>

	<!-- ul>li*5>a -->
	<ul>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
	</ul>

	<!-- 带有类名的div    .demo+tab键    #demo+tab键-->
	<div class="demo"></div>
	<div id="demo"></div>
	
	<!-- input:text    input:radio-->
	<input type="text" name="" id="">
	<input type="radio" name="" id="">
	<input type="checkbox" name="" id="">
	<input type="button" value="">
	
	.......................显示模式................................
	<!-- 块元素block 一人占一行，可以设定高和宽    只有明确宽高，才能居中-->
	<h1></h1>   <div></div>  <p></p>  <ul></ul>  <ol></ol>  <li></li>

	<!-- 行内元素inline，只占文本高宽，不能设置高度和宽度 处置方向无效-->
	<a href=""></a>  <span></span> <b></b>  <em></em> <strong></strong>  <del></del>
	<i></i>  <s></s>  <ins></ins>  <u></u>\
	<!-- 注意：块元素里面放行元素，行元素里面不放块元素，行元素里面只放行元素 -->

	<!-- 行内块元素inline-block,高宽只占文本高宽，但是能够设置高度和宽度 -->
	<input type="text" name="" id="">

</body>
</html>


ps快捷键

ctrl+d 取消矩形选中的区域
ctrl+空格  拉动
ctrl+r  显示隐藏的标尺  在标尺处右击改为像素

陀陀吖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
sublime快捷键块元素行元素 005

快捷键 <ul> <li><a href=""></a></li></ul><div> <p><a href=""><span></span>&lt...
复制链接

扫一扫