1、打开vscode,创建一个H5规范的页面,用于演示html行间距的设置方式。
2、在页面中添加一个div,设置宽度为300,目的是为了让div中的文字换行,从而设置行高
3、在浏览器中打开页面,可以看到默认的文字间距。
4、如果想要将行间距增大,那么可以在div标签中的style属性中添加line-height属性值
5、在浏览器中打开页面,此时就可以看到文字间距变大了
打开系统文字设置,调节和系统设置一致的文字,然后点击保存即可
段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。
<style type="text/css">
<!--
p{
text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/
}
-->
</style>
<p>段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。</p>
-----------------------------------------------------------------------------------------------------------------
用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。
其实呢,用CSS样式来定义更为高效。
比如在style里定义如下缩进样式:.suojin{text-indent:2em}
在需要缩进的地方使用即可,比如用一个div定义一整块段落首先缩进,
凡在div区域里,浏览器一碰上p语句(即一个新段的开始),就会执行.suojin所定义的缩进。
也可以在正文中使用嵌入式CSS样式来定义,下面举个实例(使用时请将尖括号改为小角尖括号):
<div >
<p>段落一</p>
<p>段落二</p>
<p>段落三<p>
</div>
两种方法各有长处短处,可根据需要决定使用哪一种方法。
注:div标签不要忘记起始符。text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段标签。
打开vscode软件
打开visual studio code,界面最上方的是菜单栏,左侧的是快捷工具栏,设置按钮就在左侧的最下方。
查看菜单栏功能
查看顶部的菜单栏,“File”是对文件操作的菜单,“Edit”是编辑过程中的相关菜单,“View”是显示或者隐藏哪些视图窗口的菜单,“Go”是跳转类的菜单,“Debug”是调试相关的菜单,“Help”是帮助菜单。
查看工具栏功能
查看左侧的快捷工具栏,“Explorer”是当前打开的文件或者文件夹的列表窗口,”Search“是查找和替换窗口,“Source Control”是源码管理的窗口,用于配合svn、git等源码管理工具,”Debug“是调试窗口。Extensions:扩展插件窗口。
点击设置按钮
点击左侧工具栏的最下方的“设置”按钮,弹出菜单,选择“Settings”,在右侧出现各种明细设置的选项。点开设置页面,有间隔多少毫秒自动保存的设置项,有使用界面字号、字体的设置项。
新建空白标签页
点击左上角的“File”菜单,选择“New File”出现一个空白的标签页,这样的标签页还没有存储任何内容,也没有存储成物理文件,书写代码的时候,没有智能提示。
另存为网页文件
使用“Ctrl + S”组合键,或者点击“File”菜单下面的“Save”选项,保存文件到电脑的磁盘。在弹出的保存到磁盘位置的界面中,默认的文件类型是“txt”文本文件,修改为“.html”结尾的文件是html网页文件。
生成规范页面
保存为“html”结尾的网页格式文件后,在文件的开始处,输入一个感叹号“!”,按下“Tab”键,可以自动生成符合H5规范的html页面框架内容。
我的答案是:
1、打开VS Code软件,打开的界面布满工作区。
2、在顶部菜单栏中点击“查看”。
3、弹出的下拉列表中点击“外观”选项。
4、此时弹出二级列表,在列表中点击“居中布局”。
5、此时在工作区可以查看到打开的界面居中布局了。
6、弹出列表中可看到“居中布局”前面有一个对勾,即为选中状态,点击“居中布局”选项,即可取消居中布局设置。
1首先用vscode打开文本文件,然后点击下方的设置按钮图标,弹出菜单列表
2在菜单列表中选择设置功能,打开vscode的设置页面
3在设置列表中选择文本编辑器选项,展开设置选项列表
4找到控制字体大小的输入框,输入你要设置的字体大小
5输入完成后,vscode就会自动保存你的设置
6直接打开文本编辑页面,这个时候就会发现界面的字体大小变了
VS Code,主界面,左下角小齿轮-setting-Text Editor-Font-Font Size 就是字体大小设置;
一般我们不会通过修改字体大小来更改视图,我们习惯直接用快捷键来调整界面字体大小, 默认快捷键:Ctrl +“-”和 Ctrl + “+”, 如果无效的话,你可以在:主界面页面最左上角-File-Preferences-Keyboard Shortcuts-搜索“zoom in”和 ”zoom out“ 属性,查看你的vs code 的界面缩放快捷键。
1、首先在左上角的菜单栏中依次点击文件--首选项-->设置-->找到编辑器;
2、然后找到editor.fontSize参数;
3、最后复制到右侧的编辑器中,并编辑editor.fontSize:18(你想要的大小)即可。