html css写代码的时候 怎么缩进 合适?

html css写代码的时候 怎么缩进 合适?,第1张

一般用tab键进行缩进,占位4个字符,不要用空格。这个主要看个人习惯,统一即可。

各个编辑器的缩进方式

sublime里面用tab缩进,是默认的4个字符。

phpstorm中写代码可以设定4个字符的缩进,或者2个字符缩进。

1、打开Notepad++,新建一个文件

2、输入图中内容:

3、保存为:css.html,当然你也可以使用其它的名字,但扩展名需要使用.htm或.html

4、选择文件的保存位置,点击保存按钮

5、然后添加一个标签,输入一段用来测试的文字。

6、使用浏览器打开查看显示样式,现在还没有缩进。

7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style="text-indent:2em"

8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!

这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的像素。

具体步骤如下所示:

1、在页面中创建两个p标签,在p标签中加入一段文字,为了能够很容易的看出效果,将p标签的长度设置为300px,如下图所示。

2、给p 标签添加text-indent属性,并将属性值设置为2em,em是一个相对单位,2em表示现在一个文字大小的两倍,也就是两个字符。

3、这样就首行缩进了,效果图如下所示一样。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7137707.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存