sublime text3（快捷键的使用）

最新推荐文章于 2025-04-11 13:33:07 发布

___KAKU

最新推荐文章于 2025-04-11 13:33:07 发布

阅读量1.9k

点赞数 1

分类专栏：编辑器 CSS+HTML

本文链接：https://blog.youkuaiyun.com/lina2017lina/article/details/81561970

版权

16 篇文章

订阅专栏

2 篇文章

订阅专栏

使用sublime text3的快速生成html模板

不同的头部信息按键不同

html:5 按tab键--->常用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

html:4t html:4s html:xs html:xxs html:xt

标签快捷键+tab键

ul>li{$$$}*5

<ul>
	<li>001</li>
	<li>002</li>
	<li>003</li>
	<li>004</li>
	<li>005</li>
</ul>

a:link

<a href="http://"></a>

link:css

<link rel="stylesheet" href="style.css">

link:favicon

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

meta:utf

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

meta:vp

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

style

<style></style>

script

<script></script>

script:src

<script src=""></script>

img

<img src="" alt="">

iframe

<iframe src="" frameborder="0"></iframe>

form:get

<form action="" method="get"></form>

form:post

<form action="" method="post"></form>

input[type=hidden name]

<input type="hidden" name="">

select

<select name="" id=""></select>

select>option*2

	<select name="" id="">
		<option value=""></option>
		<option value=""></option>
	</select>

option

<option value=""></option>

textarea

<textarea name="" id="" cols="30" rows="10"></textarea>

标签.类名

div.aa
<div class="aa"></div>

p.qq
<p class="qq"></p>

标签#id名

div#aa
<div id="aa"></div>

p#qq
<p id="qq"></p>

规则

{}     写的是包含的文字，例:h2{星期$}*2

$      代表的数字

*2     两组标签,想几组就乘几

>      有父子关系的，例如：父>子 select>option

我感觉这些规则很灵活，多试试。