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

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

一般用tab键进行缩进,占位4个字符,不要用空格。这个主要看个人习惯,统一即可。
各个编辑器的缩进方式
sublime里面用tab缩进,是默认的4个字符。
phpstorm中写代码可以设定4个字符的缩进,或者2个字符缩进。

设置段落标签P的样式,
p{text-intent:2em;}段落第一行 缩进2字符。
看图效果更加明显一些:
前2段在代码中加了text-intent:2em之后,首行就自动缩进2字符。最后一段没加就没有进行缩进的。相比较效果更加明显。

使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
代码如下:
<style type="text/css">
p{
text-indent: 2em; /em是相对单位,2em即现在一个字大小的两倍/
}
</style>
注:div标签不要忘记起始符。text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段标签。
用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。
在style里定义如下缩进样式:suojin{text-indent:2em}
在需要缩进的地方使用class="suojin"即可,比如用一个div定义一整块段落首先缩进,
凡在div区域里,浏览器一碰上p语句(即一个新段的开始),就会执行suojin所定义的缩进。
也可以在正文中使用嵌入式CSS样式来定义,下面举个实例(使用时请将尖括号改为小角尖括号):
<div style="text-indent:2em">
<p>段落一</p>
<p>段落二</p>
<p>段落三<p>
</div>
两种方法各有长处短处,可根据需要决定使用哪一种方法。

①首先,选择要缩进的段落,或者直接选中全文;
②选择菜单栏的“格式”中的“段落”,在d出的段落窗口的“缩进和间距”下面的“特殊格式”中选择“首行缩进”,然后在“度量值”里设置成“2字符”确定即可。
Word2007中首行缩进2字符方法:
①选中全文,然后进入“开始”选项卡,然后点击“段落”选项卡中的小按钮,如下图红色圈;
段落按钮
②然后在“段落”窗口中“特殊格式”中选择“首行缩进”,磅值设为“2字符”即可。

一、文字两端对齐,首行缩进两个字符
可以这样写:
content { text-align:justify; text-justify:inter-ideograph; word-wrap:break-word; word-break:break-all; text-indent:2em; }
二、写一个JavaScript函数,计算1到100立方和,输出到文档(documengtwrite)中
函数如下
function cubesum()
{
var sum=0,i=0;
for(i=1;i<=100;i++){
sum=sum+iii;
}
documentwrite(sum);
}
希望能帮上你的忙


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

原文地址: https://outofmemory.cn/yw/12785207.html

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

发表评论

登录后才能评论

评论列表(0条)

保存