知识回顾:
上一节,我们学习了hbuilder的快速开发工具的简单实用,本机额,我们来介绍这个工具相关的快速开发技巧。
本节知识视频教程
23:05哈罗哈罗,小伙伴们大家好!我们这一期就用hbuilder来做一个快速开发。我相信大家在下载的时候可能也已经看到了他的一个各种各样的快速开发的一个好处,使用它能够达到提高我们是办使我们事半功倍。
那么我们来看这个工具到底是如何使用?
一、新建项目
我们还是新建这每一个项目,我们来一步一步跟着我的步骤走下去,我们学会几个关键的步骤就可以。
二、开发过程
很多情况下,我们会发现很多标签都是类似的,这个时候,我们使用hbuilder来一次写多个标签,就显得非常爽啦。
1.多个标签技巧
这里,我们需要使用符号*表示乘号
举例,写10个a标签
a*然后按tab,然后就会生成10个链接的标签代码。
2.多个光标技巧
多光标同时书写
按住ctrl键,鼠标点选各个位置,然后可以同时书写
3.结合css选择器技巧
Css标签基本对应方式
Id对应#
class对应.
如果写一个div带有class属性的
可以这样写div.panel按住tab键,就会快速生成相应代码。
使用表示下一层节点,使用+表示同层节点
div.paneldiv.title+div.content+div.function按tab键后,生成如下:
divclass=panel
divclass=title/div
divclass=content/div
divclass=function/div
/div
三、总结
1、要有快速开发的意识
2、要学会利用一些好的工具,辅助我们开发
3、要会快速中用到的基本符号以及层次结构
本例html源代码:
!DOCTYPEhtmlhtmlheadmetacharset=utf-8/title刘金玉编程/title/headbodydivid=section1divclass=p2/divdivclass=paneldivclass=title/divdivclass=content/divdivclass=content/divdivclass=content/divdivclass=content/divdivclass=function/div/div/div/body/html
相关文章:
计算机理论基础知识-计算机基础软硬件知识计算机理论基础知识-计算机应用领域计算机理论基础知识-操作系统知识html网页开发基础零基础html5+div+css+js网页开发教程#网页开发概述零基础html5+div+css+js网页开发教程#html入门零基础html5+div+css+js网页开发教程第期html代码基本结构零基础html5网页开发#网站基本结构零基础学网页开发入门(制作博客案例)适应手机端div+css+js的综合介绍python中整型与浮点型的数值转换