当前位置: 首页 > 文档资料 > Pycharm 中文教程 >

HTML 和 CSS 集成(HTML & CSS Integration)

优质
小牛编辑
128浏览
2023-12-01

PyCharm Editor很好地支持HTML和CSS。 PyCharm Editor包含一个特殊的简写,并为HTML提供标签完成。

Emmet

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

Ant

创建HTML和CSS文件

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

创建Html

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

Html文件

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

示例文件

创建CSS文件

此处显示了创建CSS文件的步骤 -

New菜单中,选择File选项,如下所示 -

创建Css

在创建CSS时指定CSS的名称,如下所示 -

Css演示

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

颜色组合