From f30f36771ae85f9699a4b30ecaaa782e383c3632 Mon Sep 17 00:00:00 2001 From: yumaojun03 <719118794@qq.com> Date: Sun, 29 Dec 2024 09:26:44 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- homework/README.md | 3 +- skills/web/css/index.css | 32 +++++++++++++++++++++ skills/web/css/index.html | 58 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 92 insertions(+), 1 deletion(-) create mode 100644 skills/web/css/index.css create mode 100644 skills/web/css/index.html diff --git a/homework/README.md b/homework/README.md index e996066..9ad9a8e 100644 --- a/homework/README.md +++ b/homework/README.md @@ -24,4 +24,5 @@ Web全栈开发(Book Api): 必须完成 day01: book restful api + config 包 的版本, 跑起来能验证成功 day02: book mvc 版本是必须要写出来(log 包允许你copy), mcube的版本是体验, mcube版本不做要求 -day05: 自己使用map这种数据结果 做一个 轻量级的ioc框架, 如果不知道怎么写，可以参考15期: https://gitlab.com/go-course-project/go15/-/tree/main/vblog/ioc?ref_type=heads \ No newline at end of file +day05: 自己使用map这种数据结果 做一个 轻量级的ioc框架, 如果不知道怎么写，可以参考15期: https://gitlab.com/go-course-project/go15/-/tree/main/vblog/ioc?ref_type=heads +day06: 仿照https://arco.design/docs/spec/introduce 顶部导航，默认出一个自己的顶部导航, 注意通过felix布局进行, 元素的具体内容可以不用管 \ No newline at end of file diff --git a/skills/web/css/index.css b/skills/web/css/index.css new file mode 100644 index 0000000..f1e5593 --- /dev/null +++ b/skills/web/css/index.css @@ -0,0 +1,32 @@ +.first_title { + color: red; +} +#first_title:hover { + background-color: antiquewhite; +} +.first_title,#first_title { + font-size: 40px; +} +ul>li:first-child { + color: red; +} +[type="submit"] { + font-size: 2em; +} + +.flex-test { + height: 60px; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + background-color: #fff; + border-bottom:1px solid rgb(229,230,235) +} + +#overflowTest { + width: 200px; + height: 200px; + overflow: scroll; + border: 1px solid rgb(150, 18, 18); +} \ No newline at end of file diff --git a/skills/web/css/index.html b/skills/web/css/index.html new file mode 100644 index 0000000..f435ac7 --- /dev/null +++ b/skills/web/css/index.html @@ -0,0 +1,58 @@ + + + + + Document + + + + +
+
+ 左侧布局 +
+
+ 右侧布局 +
+
+ +
+

这里的文本内容是可以滚动的，滚动条方向是垂直方向。

+

这里的文本内容是可以滚动的，滚动条方向是垂直方向。

+

这里的文本内容是可以滚动的，滚动条方向是垂直方向。

+

这里的文本内容是可以滚动的，滚动条方向是垂直方向。

+

这里的文本内容是可以滚动的，滚动条方向是垂直方向。

+

这里的文本内容是可以滚动的，滚动条方向是垂直方向。

+
+ +

H1标题

+

H2标题

+

H1标题

+ +
+ + +
+
+ +
+ +
+ +
+
+ 内容 +
+ + + + \ No newline at end of file