1、首先打开Notepad++软件，新建一个空文件
2、输入下图所示内容：
3、点击左上角的文件会出现下图所示界面点击保存
4、点击后会出现下图界面，文件名为css.html，这里CSS只是一个示例，其实只需要扩展名使用.htm或.html就可以了。选择好文件需要保存位置以后点击保存按钮即可
5、然后添加一个标签，输入一段用来测试的文字，具体如下图所示。
6、这个时候在浏览器里打开查看显示样式是没有缩进的。
7、接下来添加样式，这里我们使用内联样式，给P标签添加样式： ，具体如下图所示。
8、再刷新刚刚打开的网页看效果，是不是缩进了两个字符啊！这里我们是使用em这个单位来缩进了两个字符，你也可以使用px作为单位来缩进指定的
相关推荐
-
css隐藏元素的几种方法和区别（css隐藏元素的三种方法）
1，通过设置display：none 2，input设置type为hidden 3，通过设置层级z-index 使其处于某个div下层来实现隐藏效果...
-
将 body 设置为 100vw 与 100%是不一样的，会导致溢出问题
今天早上我偶然发现了来自 Polypane 博客的一篇很酷的文章：如何排查出现水平滚动条的原因。 我从这篇文章中的主要收获如下： 1.设置body style为width:100vw和width:100%不一样会导致溢出问题 这是因为如果我们说 w...
-
CSS截断长文本并使用省略号代替
网站很多地方都需要用省略号来截断长文本，比如分类页里每篇文章的概要等，那么怎么用css来实现呢？其实并不复杂，最后的效果如下图： 我们要用 text-overflow: ellipsis; 表示用省略号代替截断的文字。 要实现图中...
-
如何异步加载 CSS 文件
我们可以像这样异步加载 CSS： 应该什么时候使用css异步加载？ CSS 渲染是阻塞的，所以要考虑性能问题，因为浏览器下载 CSS，会停止绘制页面。因此，任何对首屏内容不重要的 CSS 都应该异步加载。另外，14kb-ish 是...
-
CSS calc()函数用法
calc() 是一个 CSS 函数，可让您直接在 CSS 中计算值。例如： 此功能最有用的功能之一是您可以混合多个 CSS 单位使用。在我们的示例中，我们使用了像素百分比，当然我们也可以使用 em、pt、rem 等。 我发现90%情况都...
-
css图片透明度怎么设置（css透明属性）
1、新建html文档，在body标签中添加一个img标签，这时默认情况下图片是不透明的。 2、在head标签中添加style标签，在style标签中为img标签设置透明度样式，其中三个属性是为了兼容不同浏览器。 3、刷新浏览器中的页...
