这篇文章将为大家详细讲解有关html5网页快速开发技巧有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
1.多个标签技巧
这里,我们需要使用符号 *表示乘号
举例,写10个a标签
a*然后按tab,然后就会生成10个链接的标签代码。
2.多个光标技巧
多光标同时书写
按住ctrl键,鼠标点选各个位置,然后可以同时书写
3.结合css选择器技巧
Css标签基本对应方式
Id 对应 #
class 对应 .
如果写一个div带有class属性的
可以这样写 div.panel按住tab键,就会快速生成相应代码。
使用>表示下一层节点,使用+表示同层节点
div.panel>div.title+div.content+div.function按tab键后,生成如下:
<div class="panel">
<div class="title"></div>
<div class="content"></div>
<div class="function"></div>
</div>
1、要有快速开发的意识
2、要学会利用一些好的工具,辅助我们开发
3、要会快速中用到的基本符号以及层次结构
本例html源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>刘金玉编程</title>
</head>
<body>
<div id="section1">
<div class="p2"></div>
<div class="panel">
<div class="title"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="function"></div>
</div>
</div>
</body>
</html>
关于html5网页快速开发技巧有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。