PyCharm——HTML 和 CSS 集成



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

Emmet

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

Emmet

创建 HTML 和 CSS 文件

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

Creating Html

现在,在项目中创建 HTML 文件时,使用如下所示提到的文件名 -

Html File

这创建了sample-file.html 文件,如下所示 -

Sample File

创建 CSS 文件

创建 CSS 文件的步骤如下 -

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

Creating Css

在创建期间指定 CSS 名称,如下所示 -

Css Demo

你可以看到完整的项目结构,其中各种文件采用不同颜色组合标示,如下所示 -

Color Combination
广告
© . All rights reserved.