vscodehtml如何一边写一边预览
我们可以安装两个插件：
1.open in browers
使用：htm文件中右键，点击右键菜单的view in browser，即可打开浏览器运行；
alt+b，运行；
alt+shift+b，切换不同浏览器运行；
优点：可以运行多个界面
2.view in browers
使用：htm文件中右键，点击右键菜单的view in browser，即可打开浏览器运行；
但这两种插件，预览时需要另外跳转到谷歌浏览器，打开一个标签页，调试时跳来跳去，不太方便。
3.推荐使用Live Server Preview，
这个插件不用另外打开浏览器；它是直接在Vscode里面预览html的，并且是自动实时更新的，不用不停地Ctrl+S保存查看
使用：F1 -> 弹出一个窗口输入live，然后右边出现预览窗口
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属性和样式规则。
要为dw21添加CSS样式，您可以按照以下步骤进行操作：
1. 打开dw21的HTML文件，通常是一个`.html`文件。
2. 在`<head>`标签内添加一个`<style>`标签，用于编写CSS样式。
3. 在`<style>`标签内，使用CSS选择器选择要应用样式的元素，例如`body`、`div`等。
4. 在选择器后面使用大括号`{}`，在大括号内编写CSS属性和值，例如`color: red;`、`font-size: 16px;`等。
5. 保存文件并在浏览器中打开dw21，您将看到应用了您编写的CSS样式。
请注意，以上仅是添加CSS样式的基本步骤，您可以根据需要进一步学习和应用CSS的各种属性和技巧来实现更丰富的样式效果。