Pycharm - HTML 和 CSS 集成


PyCharm 编辑器很好地支持 HTML 和 CSS。PyCharm Editor 包含特殊的速记并为 HTML 提供标签补全。

埃米特

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

埃米特

创建 HTML 和 CSS 文件

PyCharm 包含用于创建 HTML 和 CSS 文件的内置功能。创建新的 HTML 和 CSS 文件的基本步骤如下 -

创建 HTML

现在,在项目中创建 HTML 文件时提及文件名,如下所示 -

网页文件

这将创建example-file.html文件,如下所示 -

样本文件

创建 CSS 文件

创建 CSS 文件的步骤如下所示 -

“新建”菜单中,选择“文件”选项,如下所示 -

创建 CSS

在创建过程中指定 CSS 的名称,如下所示 -

CSS 演示

您可以看到完整的项目结构,其中包含以不同颜色组合提到的各种文件,如下所示 -

颜色组合