This commit is contained in:
2025-03-18 20:05:17 +08:00
parent e4e7507f85
commit a76b2f9bc9
2 changed files with 8 additions and 6 deletions

View File

@@ -1,18 +1,20 @@
## 盒模型3使用浏览器开发者工具调试HTML和CSS
# 盒模型3
使用浏览器开发者工具调试HTML和CSS
打开[测试网页](https://web.xuyue.cc/tutorial/2/demo.html),点击 F12 或者 ctrl+shift+c 打开浏览器开发者工具在这里可以看到前端的所有代码HTML+CSS+JS
![1](/tutorial/4/image.png)
### 查看 HTML
## 查看 HTML
演示...
### 查看 CSS
## 查看 CSS
演示...
### 查看盒模型
## 查看盒模型
演示...

View File

@@ -34,7 +34,7 @@ import { useMessage } from "naive-ui"
import { Icon } from "@iconify/vue"
import { authed, roleNormal, roleSuper, user } from "../store/user"
import { loginModal } from "../store/modal"
import { show, tutorialSize } from "../store/tutorial"
import { show, tutorialSize, step } from "../store/tutorial"
import { taskId } from "../store/task"
import { html, css, js } from "../store/editors"
import { Account, Submission } from "../api"
@@ -95,7 +95,7 @@ function showTutorial() {
function clickMenu(name: string) {
switch (name) {
case "dashboard":
router.push({ name: "user-manage", params: { page: 1 } })
router.push({ name: "tutorial", params: { display: step.value } })
break
case "admin":
window.open(ADMIN_URL)