【web-day2】选择器

> 文档：

## 标签选择器

#### 语法

标签名 {
属性1: 属性值1;
属性2: 属性值2;
属性3: 属性值3;
}

#### 示例
```html

```

## 类选择器

#### 语法

.类名 {
属性1: 属性值1;
属性2: 属性值2;
属性3: 属性值3;
}

> `.`定义类名，`class`调用类名
类选择器口诀：样式点定义 结构类(class )调用

#### 示例
```html

```

## VSCode 插件安装

#### 安装方法

点击左侧《扩展》图标，在搜索框输入需要安装的插件名称，点击install进行安装即可。安装完毕，需要重新加载软件使插件生效。

#### 推荐安装的插件

| 插件 | 作用 |
| ---------------------------------------- | :--------------------------- |
| Chinese (Simplified) Language Pack for VS Code | 中文（简体）语言包 |
| Open in Browser | 右击选择浏览器打开html文件 |
| JS-CSS-HTML Formatter | 每次保存，都会自动格式化js css 和html 代码 |
| Auto Rename Tag | 自动重命名配对的HTML / XML标签 |
| CSS Peek | 追踪至样式 |

注意：插件安装需要联网。

#### 禁用或卸载已安装的插件

在扩展界面，点击“更多操作”（三个点），选择“显示安装的扩展”，在列表中找到需要禁用的插件，点击“禁用”或者“卸载”即可。同样操作完毕需要重新加载生效。