<!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 显示隐藏的标尺 在标尺处右击改为像素
sublime快捷键 块元素行元素 005
最新推荐文章于 2022-02-23 13:13:13 发布