Pycharm 简明教程

Pycharm - HTML and CSS Integration

PyCharm 编辑器很好地支持 HTML 和 CSS。PyCharm 编辑器包括一个特殊的速记，并为 HTML 提供标签完成功能。

Emmet

Emmet 是在 PyCharm 编辑器中使用的速记。它包括各种功能，例如缩写预览、自动 URL 识别和 HTML 和 CSS 文件的编辑点。设置部分的用户界面显示在下面的屏幕截图中 −

emmet

Creating HTML and CSS files

PyCharm 具有用于创建 HTML 和 CSS 文件的内置功能。创建新的 HTML 和 CSS 文件的基本步骤如下 −

creating html

现在，创建 HTML 文件时，需在项目中指定文件名称，如下所示 −

html file

这将创建 sample-file.html 文件，如下所示 −

sample file

Creating CSS file

创建 CSS 文件的步骤如下 −

从 New 菜单中，选择 File 选项，如下所示 −

creating css

创建时指定 CSS 名称，如下所示 −

css demo

您可以看到完成的项目结构，其中包含以不同颜色组合指定的各种文件，如下所示 −

color combination