HBuilder如何创建html文件并运行

HBuilder是DCloud推出的一款支持HTML5的Web开发IDE。它可以大幅提升HTML的开发效率。HBuilder创建html文件并运行，可参考以下步骤：1.打开软件，依次点击文件→新建→选择Web项目，(按下Ctrl+N,W）可以触发快速新建。

2.请在A处填写新建项目的名称，B处填写(或选择)项目保存路径(更改此路径HBuilder会记录，下次默认使用更改后的路径)，C处可选择使用的模板(可点击自定义模板,参照打开目录中的readme.txt自定义模板)。

3.在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件)),并选择空白文件模板。

dw21如何添加css样式

要向dw21添加CSS样式，你可以按照以下步骤进行操作：
1. 在DW21的HTML文件中，找到你想要添加样式的元素，比如一个`<div>`或者一个`<p>`标签。
2. 在`<head>`标签中添加一个`<style>`标签，用来编写CSS样式代码，例如：
```html
<head>
<style>
/* 在这里编写CSS样式代码 */
</style>
</head>
```
3. 在`<style>`标签中编写你要应用于元素的CSS样式，例如：
```css
<head>
<style>
/* 在这里编写CSS样式代码 */
.my-div {
background-color: blue;
color: white;
padding: 10px;
}
</style>
</head>
```
4. 然后，在你要应用样式的元素中添加一个类名，例如：
```html
<div class="my-div">
这是一个带有样式的div。
</div>
```
这样，你就可以看到DW21界面上显示出来的元素已经应用了你所定义的CSS样式。
请注意，这只是一个简单的示例，你可以根据具体需求添加其他CSS属性和样式规则。