:::tip{title="CentOS 8 完整 Docker 安装与镜像加速配置教程"}
Docker容器化技术越发重要，本教程详解 CentOS 8 安装与配置Docker 
:::



## **一、系统要求**
- **操作系统**：CentOS 8 64位（最小化安装或带 GUI 的版本均可）。
- **内核版本**：建议 4.18 及以上（通过 `uname -r` 查看）。
- **权限要求**：以 `root` 用户或具有 `sudo` 权限的用户操作。

---

## **二、彻底卸载旧版本（关键步骤）**
```bash
# 卸载 Docker 及相关组件
sudo dnf remove docker \
               docker-client \
               docker-client-latest \
               docker-common \
               docker-latest \
               docker-latest-logrotate \
               docker-logrotate \
               docker-engine

# 删除残留文件和目录
sudo rm -rf /var/lib/docker
sudo rm -rf /var/lib/containerd
sudo rm -rf /etc/docker
```

---

## **三、安装依赖工具包**
```bash
sudo dnf install -y yum-utils device-mapper-persistent-data lvm2
```

---

## **四、添加 Docker 官方仓库**
### **方案1：使用阿里云镜像加速（推荐国内用户）**
```bash
sudo yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
```

### **方案2：官方仓库（默认）**
```bash
sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
```

---

#### **五、安装 Docker 引擎**
```bash
sudo dnf install -y docker-ce docker-ce-cli containerd.io
```

---

## **六、配置镜像加速器（核心步骤）**
### **1. 生成纯净的 `daemon.json` 文件**
```bash
# 使用无注释、纯 JSON 格式
sudo tee /etc/docker/daemon.json <<EOF
{
    "registry-mirrors": [
       "https://hub-mirror.c.163.com"
    ]
}
EOF
```
- **注意**：  
  - **仅保留一个镜像源**（测试用）。  
  - **无注释、无中文符号**。  
  - 使用 `https://hub-mirror.c.163.com`

### **2. 检查 JSON 语法**
```bash
# 安装 JSON 校验工具（若未安装）
sudo dnf install -y jq

# 验证语法（无报错表示成功）
sudo jq . /etc/docker/daemon.json
```

### **3. 重启 Docker 服务**
```bash
# 重载配置并重启服务
sudo systemctl daemon-reload
sudo systemctl restart docker

# 查看服务状态
sudo systemctl status docker
```
- **正常状态**：`Active: active (running)`。

---

## **七、验证镜像加速是否生效**
```bash
# 强制刷新镜像元数据
docker info --format '{{json .RegistryMirrors}}'

# 输出应为：
# ["https://hub-mirror.c.163.com/"]
```

---

## **八、配置非 root 用户权限（可选）**
```bash
# 将当前用户加入 docker 组
sudo usermod -aG docker $USER

# 立即生效（或注销后重新登录）
newgrp docker
```

---

## **九、防火墙与 SELinux 配置**
### **1. 允许 Docker 通过防火墙**
```bash
sudo firewall-cmd --permanent --zone=public --add-interface=docker0
sudo firewall-cmd --reload
```

### **2. 临时禁用 SELinux（测试用）**
```bash
sudo setenforce 0  # 临时关闭
# 永久关闭需编辑 /etc/selinux/config，设置 SELINUX=disabled
```

---

## **十、最终验证**
```bash
# 拉取 Nginx 镜像测试速度
time docker pull nginx

# 正常情况：下载速度应在 10MB/s 以上
```

---

## **常见问题终极解决方案**

## **1. 服务启动失败（错误日志：Failed to start Docker）**
- **原因**：残留进程或配置冲突。  
- **解决**：  
  ```bash
  sudo systemctl stop docker
  sudo pkill dockerd  # 强制终止残留进程
  sudo systemctl start docker
  ```

## **2. 镜像加速未生效**
- **原因**：配置未被加载或镜像源失效。  
- **解决**：  
  ```bash
  # 检查文件权限
  sudo ls -l /etc/docker/daemon.json  # 必须为 root:root，权限 644

  # 测试镜像源连通性
  curl -I https://mirror.ccs.tencentyun.com
  ```
  - 如果返回 `HTTP 200`，表示镜像源可用。

## **3. 权限问题（提示 Permission denied）**
- **解决**：  
  ```bash
  # 确保用户已加入 docker 组
  groups $USER  # 输出应包含 docker

  # 重启会话
  su - $USER
  ```

---

## **附：Docker 常用命令速查表**
| 命令                     | 说明                     |
|--------------------------|--------------------------|
| `docker run hello-world` | 测试 Docker 是否正常运行 |
| `docker ps -a`           | 查看所有容器             |
| `docker images`          | 查看本地镜像             |
| `docker pull nginx`      | 拉取 Nginx 镜像          |
| `docker stop <容器ID>`   | 停止容器                 |

---

## **总结**
1. **核心步骤**：卸载旧版 → 安装依赖 → 添加仓库 → 安装 Docker → 配置镜像加速 → 验证。  
2. **关键点**：  
   - `daemon.json` **必须为纯 JSON 格式**（无注释、英文符号）。  
   - 国内用户**必须配置镜像源**，推荐腾讯云镜像。  
3. **故障排查**：  
   - 优先检查日志：`journalctl -u docker`。  
   - 验证镜像源连通性：`curl -I <镜像地址>`。  

按此教程操作后，Docker 应能正常运行并加载镜像加速配置。如仍遇到问题，请提供 `docker info` 和 `journalctl -xe` 输出以便进一步诊断。

CentOS 8 完整 Docker 安装与镜像加速配置教程

:::tip{title="如何完整的删除Docker镜像和容器"}
Docker在长期使用后会产生大量无用的镜像、容器和卷，占用宝贵的磁盘空间。
本文将系统讲解如何安全高效地清理 Docker 环境，包含基础操作、进阶技巧和注意事项。还有以在实际环境操作举例完整说明
:::



## 一、基础清理操作
### 1. 清理停止的容器
```bash
# 查看所有容器（包括已停止的）
docker ps -a

# 删除单个停止的容器
docker rm <container_id>

# 批量删除所有停止的容器
docker container prune
```

### 2. 清理无用镜像
```bash
# 查看所有镜像列表
docker images

# 删除单个镜像
docker rmi <image_id>

# 强制删除镜像（当有容器依赖时）
docker rmi -f <image_id>

# 删除所有悬空镜像（未被任何容器引用的中间层）
docker image prune

# 删除指定仓库的所有标签
docker rmi $(docker images <repository> --format "{{.ID}}")
```

---

## 二、进阶清理技巧

### 1. 按时间过滤清理
```bash
# 删除 7 天前的镜像
docker image prune -a --filter "until=168h"

# 删除 30 天前的卷
docker volume prune --filter "until=720h"
```

### 2. 精准清理策略
```bash
# 删除指定镜像的所有标签
docker rmi $(docker images --filter=reference='<repository>:*' -q)

# 结合 grep 过滤特定镜像
docker images | grep 'nginx' | awk '{print $3}' | xargs docker rmi

# 删除所有未被使用的资源（镜像/容器/网络）
docker system prune
```

### 3. 自动清理脚本
```bash
#!/bin/bash
# 一键清理脚本（慎用！）

echo "清理停止的容器..."
docker container prune -f

echo "清理无用镜像..."
docker image prune -a -f

echo "清理未使用卷..."
docker volume prune -f

echo "清理网络..."
docker network prune -f

echo "清理完成！"
```

---

## 三、安全注意事项

### 1. 防误删策略
- **确认容器状态**：删除前务必检查 `docker ps -a`
- **标签关联**：删除镜像前确保没有运行的容器依赖
- **备份重要数据**：清理前导出重要容器数据 `docker save`
- **使用 --dry-run**：通过 `docker system prune --dry-run` 预览删除内容

### 2. 关键概念区分
| 资源类型       | 生命周期                  | 清理命令              |
|----------------|---------------------------|-----------------------|
| 容器           | 运行时存在，停止后仍保留 | `docker rm`           |
| 镜像           | 由多个层组成，需手动清理 | `docker rmi`          |
| 数据卷         | 持久化存储               | `docker volume prune` |
| 网络           | 自定义网络需手动管理     | `docker network prune`|

### 3. 高级场景处理
#### 镜像依赖冲突
当出现 `Error response from daemon: conflict` 错误时：
```bash
# 查找依赖该镜像的容器
docker ps -a --filter "ancestor=<image_id>"

# 先删除相关容器
docker rm <container_id>
```

#### 分层缓存清理
Docker 镜像由多层构成，可通过以下命令优化：
```bash
# 删除所有中间层镜像
docker builder prune
```

---

## 四、最佳实践建议

1. **开发环境**：使用 `--rm` 参数自动清理临时容器
   ```bash
   docker run --rm -it ubuntu /bin/bash
   ```

2. **生产环境**：
   - 为关键镜像打版本标签
   - 设置定期清理任务（cron job）
   - 使用镜像仓库管理长期存储

3. **监控磁盘使用**：
   ```bash
   docker system df  # 查看 Docker 磁盘使用情况
   ```

---
## 五、实战案例
![](https://dageling003-vanblog-picgo-1323173970.cos.ap-shanghai.myqcloud.com/img/docker-delete1.png)

假设我要删除第一项服务。以下是删除镜像 `henrygd/beszel-agent:latest` 的详细实战步骤，包含安全验证和容错机制

---

### **步骤 1：检查是否有容器依赖此镜像**
```bash
# 列出所有容器（包括已停止的），过滤出使用该镜像的实例
docker ps -a --filter "ancestor=henrygd/beszel-agent:latest"
```

#### 可能的输出结果：
- **情况一**（无容器依赖）：
  ```
  CONTAINER ID   IMAGE                          COMMAND   CREATED   STATUS    PORTS     NAMES
  ```
  **解释**：没有容器使用此镜像，可直接删除。

- **情况二**（存在容器依赖）：
  ```
  CONTAINER ID   IMAGE                          COMMAND   CREATED    STATUS      PORTS     NAMES
  a1b2c3d4e5f6   henrygd/beszel-agent:latest    ...      5 days ago Exited (0)  2 days ago   web-server
  ```
  **解读**：有容器依赖，需先处理容器。

---

### **步骤 2：处理依赖容器**
#### 如果存在依赖容器（情况二）：
```bash
# 停止容器（如果容器仍在运行）
docker stop a1b2c3d4e5f6

# 删除容器（替换为实际的 CONTAINER ID）
docker rm a1b2c3d4e5f6
```

#### 批量删除所有关联容器（更高效）：
```bash
# 通过镜像名直接删除所有关联容器（慎用！确保无重要数据）
docker rm $(docker ps -aq --filter "ancestor=henrygd/beszel-agent:latest")
```

---

### **步骤 3：删除镜像**
```bash
# 执行删除命令
docker rmi henrygd/beszel-agent:latest
```

#### 成功输出：
```
Untagged: henrygd/beszel-agent:latest
Deleted: sha256:25c207be20b7...
```

#### 若报错 `Error response from daemon: conflict`：
- **原因**：仍有容器依赖（即使已停止）
- **解决方案**：强制删除镜像（⚠️ 确保无重要容器！）
  ```bash
  docker rmi -f henrygd/beszel-agent:latest
  ```

---

### **步骤 4：验证删除结果**
```bash
# 再次查看镜像列表
docker images | grep "henrygd/beszel-agent"

# 预期输出：无相关镜像记录
```

---

### **完整操作流程示例**
```bash
# 1. 检查容器依赖
$ docker ps -a --filter "ancestor=henrygd/beszel-agent:latest"
CONTAINER ID   IMAGE                          COMMAND   CREATED    STATUS      PORTS     NAMES
a1b2c3d4e5f6   henrygd/beszel-agent:latest    ...      5 days ago Exited (0)  2 days ago   web-server

# 2. 删除关联容器
$ docker rm a1b2c3d4e5f6
a1b2c3d4e5f6

# 3. 删除镜像
$ docker rmi henrygd/beszel-agent:latest
Untagged: henrygd/beszel-agent:latest
Deleted: sha256:25c207be20b7...

# 4. 验证删除
$ docker images | grep "henrygd/beszel-agent"
# 无输出
```

---

### **关键注意事项**
1. **数据安全**：  
   - 如果镜像关联数据库或存储卷，删除前请确认数据已备份或迁移。
   - 使用 `docker inspect <container>` 检查容器挂载的卷（`Mounts` 字段）。

2. **镜像别名冲突**：  
   如果同一镜像有多个标签（如 `dev`/`prod`），需删除所有标签：
   ```bash
   docker rmi $(docker images --filter=reference='henrygd/beszel-agent:*' -q)
   ```

3. **强制删除场景**：  
   当容器处于 `Exited` 状态但无法删除时，使用：
   ```bash
   docker container prune --filter "until=72h"  # 清理72小时前的停止容器
   ```

---
## 六、实战问题补充
![](https://dageling003-vanblog-picgo-1323173970.cos.ap-shanghai.myqcloud.com/img/docker-delete2.png)
如果遇到这种情况，理论上不大可能，但是也会有可能遇到。
### **核心概念解释**

#### 1. 什么是悬空镜像（Dangling Image）？
- **定义**：没有关联任何仓库名（Repository）和标签（Tag）的镜像。
- **表现形式**：在 `docker images` 输出中显示为 `<none>:<none>`。
- **产生原因**：
  - **重复构建镜像**：使用相同标签（如 `latest`）多次构建镜像，旧镜像会被覆盖标签，变成无主状态。
  - **手动删除标签**：删除某个标签后，原镜像失去引用。

#### 2. 为什么用 `dangling=true`？
- **作用**：这是 Docker 的过滤器语法，用于精准筛选出悬空镜像。
- **技术原理**：  
  Docker 会为每个镜像层生成唯一标识（IMAGE ID）。当镜像的标签被删除或覆盖时，该镜像层不再被任何标签引用，此时 Docker 会将其标记为 `dangling`（悬空状态）。

---

### **通俗比喻**
- **悬空镜像**：就像你手机里一张照片被删除后，相册里留下的“空白占位图”，它不再有名字，也没人引用，但占据存储空间。
- **`dangling=true`**：相当于用过滤器快速找到这些“空白占位图”，方便你一键清理。

### **实战问题解决**
从实战输出可以看到，原本的镜像 `henrygd/beszel-agent:latest` 已经变成 `<none>:<none>`，这说明它已经成为 **悬空镜像**（Dangling Image）。这种情况通常发生在以下场景：
- 同一镜像被重复构建并覆盖标签（例如多次执行 `docker build -t henrygd/beszel-agent:latest .`）
- 镜像被其他标签引用后，原标签被移除

以下是针对悬空镜像的  **完整清理方案**：

### **步骤 1：确认镜像状态**
```bash
# 查看所有悬空镜像（无仓库名和标签）
docker images -f "dangling=true"

# 输出示例：
REPOSITORY          TAG                 IMAGE ID       CREATED         SIZE
<none>              <none>              25c207be20b7   9 days ago      7.85MB
```

---

### **步骤 2：删除单个悬空镜像**
```bash
# 通过 IMAGE ID 直接删除
docker rmi 25c207be20b7
```

#### 可能遇到的错误：
- **错误提示**：`Error response from daemon: conflict: unable to delete 25c207be20b7 (must be forced) - image is referenced in multiple repositories`
  - **原因**：该镜像被多个仓库引用（例如被其他标签或别名关联）
  - **解决方案**：强制删除（⚠️ 确保无重要容器依赖！）
    ```bash
    docker rmi -f 25c207be20b7
    ```

---

### **步骤 3：批量删除所有悬空镜像**
```bash
# 删除所有悬空镜像（推荐）
docker image prune

# 输入 y 确认删除
# 输出示例：
Deleted Images:
deleted: sha256:25c207be20b7...
Total deleted: 7.85MB
```

---

### **步骤 4：深度清理（含中间层缓存）**
如果上述操作后仍有残留，使用以下命令清理 **所有未被使用的镜像层**：
```bash
# 删除所有未被容器或新镜像引用的镜像层
docker builder prune --all

# 或者结合强制删除
docker system prune -a --volumes
```

---

### **关键原理说明**
| 概念                | 说明                                                                 |
|---------------------|----------------------------------------------------------------------|
| 悬空镜像            | 被其他镜像覆盖标签后遗留的中间层镜像，无实际仓库名和标签             |
| 中间层镜像          | Docker 镜像由多层文件系统组成，构建新镜像时会生成新的中间层         |
| 镜像引用关系        | 一个镜像可能被多个标签或容器引用，只有所有引用解除后才能彻底删除     |

---

### **完整操作示例**
```bash
# 1. 查看悬空镜像
$ docker images -f "dangling=true"
REPOSITORY          TAG                 IMAGE ID       CREATED         SIZE
<none>              <none>              25c207be20b7   9 days ago      7.85MB

# 2. 删除单个悬空镜像
$ docker rmi 25c207be20b7
Error response from daemon: conflict: unable to delete 25c207be20b7 (must be forced) - image is referenced in multiple repositories

# 3. 强制删除（如果普通删除失败）
$ docker rmi -f 25c207be20b7
Untagged: 25c207be20b7...

# 4. 批量清理验证
$ docker image prune
Deleted Images:
deleted: sha256:25c207be20b7...
Total deleted: 7.85MB
```

---

### **预防悬空镜像的建议**
1. **避免重复覆盖标签**：  
   为不同版本的镜像使用唯一标签（例如 `v1.0`、`v1.1`），不要重复使用 `latest`
   ```bash
   docker build -t henrygd/beszel-agent:v1.0 .
   ```

2. **定期清理**：  
   将以下命令加入定时任务（cron）：
   ```bash
   # 每天凌晨清理悬空镜像
   0 3 * * * docker image prune -f
   ```

3. **使用镜像管理工具**：  
   推荐使用 `dive` 工具分析镜像层：
   ```bash
   dive henrygd/beszel-agent:latest
   ```
---
## 七、还有问题，彻底解决
有时候你跟着步骤做的操作步骤是对的。但还是删除镜像 `25c207be20b7`失败。

失败的原因是：**该镜像被一个名为 `ba698fd40eb0` 的容器引用**，但该容器可能已被删除或处于异常状态。以下是具体原因和解决方案：

---

### **根本原因**
1. **容器与镜像的依赖关系**  
   镜像 `25c207be20b7` 被容器 `ba698fd40eb0` 使用，但：
   - 你尝试停止容器时误用了 **镜像ID**（`25c207be20b7`）作为容器ID，导致操作失败。
   - 实际容器ID是 `ba698fd40eb0`，需要针对该容器操作。

2. **镜像被中间层引用**  
   该镜像可能是其他镜像的构建中间层，即使没有显式容器依赖，也可能被 Docker 内部引用。

---

### **解决方案**
#### 1. 精准删除关联容器
```bash
# 1. 查找使用该镜像的容器（包括已停止的）
docker ps -a --filter "ancestor=25c207be20b7"

# 2. 删除关联容器（替换为实际的 CONTAINER ID）
docker rm -f ba698fd40eb0  # 强制删除容器（即使已停止）

# 3. 再次删除镜像
docker rmi 25c207be20b7
```

#### 2. 强制清理悬空镜像（绕过依赖）
如果确认无重要容器依赖，可直接清理所有悬空镜像：
```bash
# 1. 批量删除所有悬空镜像
docker image prune -f

# 2. 深度清理（含中间层缓存）
docker builder prune --all
```

#### 3. 检查镜像引用链
如果仍报错，检查镜像是否被其他标签或构建缓存引用：
```bash
# 查看镜像的引用关系
docker image inspect 25c207be20b7 --format='{{.RootFS.DiffIDs}}'

# 清理所有未被引用的镜像层
docker system prune -a --volumes
```
---

### **操作验证**
```bash
# 1. 确认容器已删除
docker ps -a | grep "ba698fd40eb0"

# 2. 确认镜像已删除
docker images | grep "25c207be20b7"
```
---
## 八、总结：  
**清理 Docker 镜像和容器的核心命令与注意事项** 
1. **停容器**：`docker container prune`（批量删停止的容器）；  
2. **删镜像**：`docker image prune`（删悬空镜像），`docker rmi <image_id>`（指定镜像）；  
3. **悬空镜像**：用 `dangling=true` 过滤，普通删除或强制 `docker rmi -f`；  
4. **安全提示**：删前检查依赖（`docker ps -a`），避免强制误删，生产环境慎用 `docker system prune`。
5. **容器ID ≠ 镜像ID**：操作时需严格区分两者。
6. **强制删除风险**：`-f` 参数会跳过依赖检查，确保无重要数据后再使用。
7. **中间层缓存**：Docker 构建过程中生成的中间层镜像可能长期残留，需定期清理。

如何完整的删除Docker镜像和容器

:::tip{title="css常用类名总结"}
写css要用到类名，以下是尽可能全面的类名称。方便可能英语不好的提供参考
:::



## 页面结构

1. 容器: container
2. 页头：header
3. 内容：content/container
4. 页面主体：main
5. 页尾：footer
6. 导航：nav
7. 侧栏: sidebar
8. 栏目：column
9. 页面外围控制整体布局宽度：wrapper
10. 左右中：left right center


## div+css命名

1. wrapper 页面外围控制整体布局宽度
2. container 或 content 容器,用于最外层
3. layout 布局
4. head, #header 页头部分
5. foot, #footer 页脚部分


## 导航

1. nav 导航
2. subnav 子导航
3. topnav 头部导航
4. sidebar 侧边导航
5. leftsidebar 左边导航
6. menu 菜单
7. submenu 子菜单
8. sideBar 侧边栏
9. sidebar_left, #sidebar_right 左边栏或右边栏



## 功能

1. main 页面主体
2. tag 标签
3. msg #message 提示信息
4. tips 小技巧
5. vote 投票
6. friendlink 友情连接
7. title 标题
8. summary 摘要
9. loginbar 登录条
10. searchInput  搜索输入框
11. hot 热门热点
12. search 搜索
13. search_output 搜索输出和搜索结果相似
14. searchBar 搜索条
15. search_results 搜索结果
16. copyright 版权信息
17. branding 商标
18. logo 网站LOGO标志
19. siteinfo 网站信息
20. siteinfoLegal 法律声明
21. siteinfoCredits 信誉
22. joinus 加入我们
23. partner 合作伙伴
24. service 服务
25. regsiter 注册
26. rr/arrow 箭头
27. guild 指南
28. sitemap 网站地图
29. list 列表
30. item 列表里的每一项
31. homepage 首页
32. subpage 二级页面子页面
33. tool, #toolbar 工具条
34. drop 下拉
35. dorpmenu 下拉菜单
36. status 状态
37. scroll 滚动
38. tab 标签页
39. left .right .center 居左、中、右
40. news 新闻
41. download 下载
42. banner 广告条(顶部广告条)

## 电子贸易相关

1. .products 产品
2. .products_prices 产品价格
3. .products_description 产品描述
4. .products_review 产品评论
5. .editor_review 编辑评论
6. .news_release 最新产品
7. .publisher 生产商
8. .screenshot 缩略图
9. .faqs 常见问题
10. .keyword 关键词
11. .blog 博客
12. .forum 论坛



## 样式文件命名

1. 主要的 main.css
2. 模块 module.css
3. 基本共用 base.css
4. 布局 layout.css
5. 主题 themes.css
6. 专栏 columns.css
7. 文字 font.css
8. 表单 forms.css
9. 补丁 mend.css
10. 打印 print.css



## CSS常用属性总结

### 字体设置

**color 定义文本的颜色**

如：

```text
div{color:red;}
div{color:#ffffff}
div{color:rgb(255.255.255);}
```

**font-style 设置文本是否倾斜**

normal（正常字体） 默认值

italic 斜体

如

```text
p{font-style:italic;}     /*  倾斜 */
```

**font-size 设置文本字体的大小**

```text
p{font-size:12px;}
```



**通过像素来指定字体的大小**

1. 1px=1像素
2. font-family 定义文本使用某个字体

```text
p{font-family:microsoft YaHei;}
```



可以设置多个字体，排名越靠前优先级越高

默认值由浏览器决定



**font-weight 指定文字的粗细**

```text
p{ font-weight:normal;}   /*  默认值  */
p{ font-weight:bold;}   /*  粗体  */
```



### .font 是上面 几个属性的复合属性

1. font:font-style font-weight font-size/line-height font-family
2. font-style font-weight 可以不写 也可以交换位置
3. font-size/line-height font-family 必须写 能交换位置
4. 有继承性：给父元素设置了，子元素也可以继承到
5. 经典应用：给body设置字体相关的属性。

## 文本属性

### 1.text-align 内容对齐方式，他是针对于元素的内容

属性值：left、center、right

```text
     p{text-align:left;}    /*  左对齐   */
     p{text-align:center;}    /*  居中   */
     p{text-align:right;}    /*  右对齐   */
```



> p标签是块级元素，left、center、right会作用于整行



### 2.text-decoration 设置文字是否有修饰线，默认值是none

```text
p{text-decoration:underline;}   /*   指定文字的修饰线是下划线  */
p{text-decoration:overline;}   /*   指定文字的修饰线是上划线  */
p{text-decoration:through;}   /*   指定文字的修饰线是贯穿线，类似于删除标签的效果  */
```



> 常用text-decoration:none;来去除a标签的下划线



### 3.text-indent 文本缩进

文本缩进属性是用来指定文本的第一行的缩进

也可以隐藏一个盒子中的文本

如

```text
p{text-indent:2em}    /*  首行缩进2个文字的大小  */
p{text-indent:-9999em;}    /*  用来隐藏文本   */
```



> 1em和当前字体大小相等。如在谷歌浏览器中默认字体是16px，
> 那么，1em的默认大小是16px。



### 4.word-wrap 设置当前行超过指定容器的边界时是否换行

首先要知道一种情况：如果容器中的单词过长，超出了容器本身的宽度会造成长单词溢出

word-wrap:break-word;可设置过长的文本自动换行。



### 5.line-height 设置对象的行高（不允许使用负值）

normal 默认，设置合理的行间距

number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距



> 如果子标签是南标签，行高可以撑起子标签的高度
> 如果子标签是女标签，行高不能撑起子标签的高度

## 盒子设置

### 1.border 边框

> border属性设置一个元素的边框，它有三个要素：宽、样 式、 颜色，统称边框三要素。
> 三要素书写的时候一般如下顺序
> border：宽度 样式 颜色;

如

```text
       div{border:1px solid red;}     /*   1像素红色的实线边框  */
       div{border:1px dotted red;}     /*   1像素红色的点状边框  */
       div{border:1px dashed red;}     /*   1像素红色的虚线边框  */
       div{border:3px double red;}     /*   红色的双线边框最小3像素不然显示不下  */
```



### 2.margin 外边距

**单边设置：**

1. margin-top/right/bottom/left:value;
2. value可取值为像素、%、auto、负值

**外边框简写：**

1. margin:value(四个方向相同);
2. margin:value(上下) value(左右)；
3. margin:value(上) value(左右) value(下);
4. margin:value(上) value(右) value(下) value(左)



### 3.padding 内边距

> 内容区域和边框之间的空间，会扩大元素边框所占用的区域

1. padding:value(四个方向相同);
2. padding:value(上下) value(左右);
3. padding:value(上) value(左右) value(下);
4. padding:value(上) value(右) value(value(左);

width: 宽 height：高

## 其它常用属性

**display:block;**

> 把某个元素的显示模式修改为块级元素，在img标签设置这个属性可以去除图片默认的3px间隙



**display:inline;**

> 把某个元素的显示模式修改为行内元素


**display:inline-block**;

> 把某个元素的显示模式修改为行内块模式


**元素的显示和隐藏**

1. display:none; 没有显示模式，既看不见也不占据位置
2. visibility:hidden; 隐藏，虽然看不见，但是占据位置
3. visibility:visible; 可见（visibility的默认值）


**相对定位**

> position:relative;


**绝对定位**

> position:absolute;


**浮动**

1. float:left;
2. float:right;
3. 元素转换
4. display:block; 把行内元素转换为块级元素
5. display:inline-block; 把行内元素转换为行内块元素
6. 清除浮动
7. overflow:hidden;
8. 去除a标签下划线
9. text-decoration:none;

css常用类名总结

:::tip{title="npm源大全"}
1. **npm 官方原始镜像网址是**：https://registry.npmjs.org/
2. **淘宝 NPM 镜像**：http://registry.npmmirror.com
3. **阿里云 NPM 镜像**：https://npm.aliyun.com
4. **腾讯云 NPM 镜像**：https://mirrors.cloud.tencent.com/npm/
5. **华为云 NPM 镜像**：https://mirrors.huaweicloud.com/repository/npm/
6. **网易 NPM 镜像**：https://mirrors.163.com/npm/
7. **中国科学技术大学开源镜像站**：http://mirrors.ustc.edu.cn/
8. **清华大学开源镜像站**：https://mirrors.tuna.tsinghua.edu.cn/
:::


## **腾讯**，**华为**，**阿里**的镜像站基本上比较全

使用**淘宝**镜像源加速 NPM
最新的：

```
 npm config set registry https://registry.npmmirror.com
```

之前的:

```
 npm config set registry https://registry.npm.taobao.org
```

使用**阿里云** 镜像源加速 NPM

```
npm config set registry https://npm.aliyun.com
```

使用**腾讯云**镜像源加速 NPM

```
npm config set registry http://mirrors.cloud.tencent.com/npm/
```

使用**华为云** 镜像源加速 NPM

```
npm config set registry https://mirrors.huaweicloud.com/repository/npm/
```

返回**npm 官方原始镜像**

```
npm config set registry https://registry.npmjs.org/
```

**使用那个镜像，只需要 npm config set registry + 对应的镜像网址就好了**

```
npm config set registry 
```

**查看当前的镜像源**：npm config get registry

```
npm config get registry
```

### 推荐使用上面的方式指定npm镜像，当然方法不唯一，也可以用 nrm 去指定npm镜像

## 什么是nrm

nrm 是一个 npm 源管理器，允许你快速地在 npm 源间切换。

## 使用

### 查看可选的源

```
nrm ls    
```

### 切换

如果要切换到taobao源，执行命令

```
nrm use taobao
```

### 测试速度

```
nrm test     
```

国内npm源镜像 使用教程

:::tip{title="Python与SQL入门"}
本文将讲述Python与SQL入门的基本使用
:::



## 一、数据库核心概念

### 1. 数据库系统

- **作用**：组织并存储数据的仓库

- **数据组织方式**：库 -> 表 -> 数据（三级结构）

- **常见数据库软件**：

  - MySQL（本篇讲述）
  - Oracle
  - SQL Server
  - PostgreSQL

### 2. 数据库与SQL关系

- **数据库**：提供数据存储管理能力
- **SQL**：操作数据库的标准查询语言

---

## 二、MySQL安装配置

### 1. 安装步骤

1. 下载地址：[MySQL Community Server](https://downloads.mysql.com/archives/installer)

2. 配置环境变量：

   ```shell
   # 将MySQL安装目录的bin路径加入系统环境变量
   # 示例路径：C:\Program Files\MySQL\MySQL Server 8.0\bin
   ```

### 2. 基础命令验证

```sql
mysql -uroot -p  -- 登录MySQL
SHOW DATABASES;   -- 查看所有数据库
USE database_name; -- 使用指定数据库
EXIT;             -- 退出
```

### 3. 图形化工具DBeaver

1. 下载地址：[DBeaver Community版](https://dbeaver.io/download)
2. 连接MySQL配置：
   - 主机：localhost
   - 端口：3306
   - 用户名/密码：root/安装时设置的密码

---

## 三、SQL语法基础

### 1. SQL分类

| 类型 | 功能         | 示例关键字                   |
| ---- | ------------ | ---------------------------- |
| DDL  | 定义数据结构 | `CREATE`, `ALTER`, `DROP`    |
| DML  | 数据操作     | `INSERT`, `DELETE`, `UPDATE` |
| DQL  | 数据查询     | `SELECT`                     |
| DCL  | 权限控制     | `GRANT`, `REVOKE`            |

### 2. DDL数据定义

```sql
-- 数据库操作
CREATE DATABASE py_sql;  -- 创建数据库
DROP DATABASE py_sql;    -- 删除数据库

-- 表操作
CREATE TABLE student(
    id INT PRIMARY KEY,
    name VARCHAR(20),
    age INT
);

DROP TABLE student;      -- 删除表
```

### 3. DML数据操作

```sql
-- 插入数据
INSERT INTO student VALUES(10001, '周杰轮', 31);

-- 删除数据
DELETE FROM student WHERE age > 30;

-- 更新数据
UPDATE student SET name = '陈一讯' WHERE id = 10001;
```

### 4. DQL数据查询

```sql
-- 基础查询
SELECT * FROM student WHERE gender = '男';

-- 聚合查询
SELECT gender, AVG(age) FROM student GROUP BY gender;

-- 排序分页
SELECT * FROM student 
ORDER BY age DESC 
LIMIT 5 OFFSET 0;
```

---

## 四、Python操作MySQL

### 1. 基础使用

```python
from pymysql import Connection

# 建立连接
conn = Connection(
    host="localhost",
    port=3306,
    user="root",
    password="123456",
    autocommit=True  # 自动提交
)

# 执行SQL
cursor = conn.cursor()
cursor.execute("SELECT * FROM student")
result = cursor.fetchall()  # 获取全部结果

# 关闭连接
conn.close()
```

### 2. 数据写入注意事项

```python
# 需要手动提交事务
cursor.execute("INSERT INTO student VALUES(10002, '王力鸿', 33)")
conn.commit()  # 关键提交操作
```