问题描述:
注意不是首行缩进。
我用了padding-left:60px,在我的机器上面用f12预览是可以的,但是挂到网上就没有用了,不知道为什么。
我用的dreamweaver8
解析:
以下这样的格式都是正确的:
<div class="page_speeder_1931842390">我缩进了60px</div>
或:
<style>
div{padding-left:60px}
</style>
<div>我缩进了60px</div>
或:
<style>
.stylediv{padding-left:60px}
</style>
<div class="stylediv">我缩进了60px</div>
如果你是加载的CSS样式文件,请确认路径是否正确。
1、打开Notepad++,新建一个文件
2、输入图中内容:
3、保存为:css.html,当然你也可以使用其它的名字,但扩展名需要使用.htm或.html
4、选择文件的保存位置,点击保存按钮
5、然后添加一个标签,输入一段用来测试的文字。
6、使用浏览器打开查看显示样式,现在还没有缩进。
7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style="text-indent:2em"
8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!
这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的像素。