当前位置: > 资源 > 常用软件 >

快速插入空格——Dreamweaver初学者小技巧应用系列1
栏目分类:常用软件   发布日期:2019-03-09   浏览次数:

对于刚刚开始接触网页设计技术的学员来说,Dreamweaver(DW)是一款学习前端页面设计的好工具,它可以帮助我们快速熟悉HTML和CSS技术。但是在学习和应用的过程中,也会出现一些小疑问。比如,为什么插入不了空格,为什么我做出来的表格边框那么粗等等。今天

对于刚刚开始接触网页设计技术的学员来说,Dreamweaver(DW)是一款学习前端页面设计的好工具,它可以帮助我们快速熟悉HTML和CSS技术。但是在学习和应用的过程中,也会出现一些小疑问。比如,为什么插入不了空格,为什么我做出来的表格边框那么粗等等。今天就来跟大家分享第一个问题的解决办法——如何在网页中快速插入空格。

快速插入空格——Dreamweaver初学者小技巧应用系列1

 

1、首先我们会发现,如果使用空格键,无法在页面中出现多个空隙:

快速插入空格——Dreamweaver初学者小技巧应用系列1

 

2、然后我们会想到,可以在代码视图,输入特殊字符串 来形成空格。但是很多个 才能形成几个文字的空隙,不仅会造成代码冗余,还会使代码视图显得非常乱。

快速插入空格——Dreamweaver初学者小技巧应用系列1

 

3、下面我们来看快捷的方法。第一步,将光标放在要插入空格的位置;第二步,切换输入法至任意一种中文输入法;第三步,点击输入法中的“半角”符号,将其变成“全角”符号。然后就可以输入任意多个空格了。

快速插入空格——Dreamweaver初学者小技巧应用系列1

 

快速插入空格——Dreamweaver初学者小技巧应用系列1

 

快速插入空格——Dreamweaver初学者小技巧应用系列1

 

4、原理解释:中文输入法分半角和全角两种状态,半角是指一个字符占用一个标准字符的位置,全角是指一个字符占用两个标准字符的位置。这个知识在百度百科中有详细解释,那么我在这里就通俗的给大家说明一下:

半角为正常输入状态,输入的文字和数字会被正常识别。当切换为全角后,无论输入的是文字还是数字,都被系统认定为特殊字符。也就是说,此时输入的空格,并不是space键对应的机器码,而是被系统当作一个显示为空白模样的字符。所以我们会看到设计视图和代码视图中全部显示的是相同的空白,即代码视图把这部分空格认为是字符,而不是HTML代码或其他:

快速插入空格——Dreamweaver初学者小技巧应用系列1

 

5、小提示:①切换半角/全角的快捷键是Shift+space ②当不需要时,一定记得切换回半角,否则在某个属性值中输入的数值将不被识别,在低版本的DW中会导致系统报错。例如:

快速插入空格——Dreamweaver初学者小技巧应用系列1

 

希望这个小技巧对大家熟练应用DW软件提供一些帮助,下一篇文字将讲解如何制作细线表格或边框,感谢关注!

相关热词:

js特效 教程 资源 资讯