From 4037be3472ac105ae6343a82033755fcab906b70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=96=E5=BF=83=E5=A6=8D?= <2392642810@qq.com>
Date: Thu, 28 Dec 2023 21:06:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../20231123 \346\227\266\351\227\264.md" | 856 ++++++++++++++++++
1 file changed, 856 insertions(+)
create mode 100644 "03 \350\265\226\345\277\203\345\246\215/20231123 \346\227\266\351\227\264.md"
diff --git "a/03 \350\265\226\345\277\203\345\246\215/20231123 \346\227\266\351\227\264.md" "b/03 \350\265\226\345\277\203\345\246\215/20231123 \346\227\266\351\227\264.md"
new file mode 100644
index 0000000..035a59f
--- /dev/null
+++ "b/03 \350\265\226\345\277\203\345\246\215/20231123 \346\227\266\351\227\264.md"
@@ -0,0 +1,856 @@
+### 实例化日期对象
+
+```html
+
+```
+
+### 常见的日期对象方法
+
+```html
+
+```
+
+### 时间的另一个写法
+
+```html
+
+
+
+
+
+```
+
+### 得到时间戳
+
+```html
+
+```
+
+### 父节点
+
+```html
+
+
+
+
+```
+
+### 子节点
+
+```html
+
+
+
+
+```
+
+### 增加节点
+
+```html
+
+
+
+
+```
+
+### 克隆节点
+
+```html
+
+
+
+
+```
+
+### 删除节点
+
+```html
+
+ 123
+
+
+
+```
+
+### 显示格式化时间
+
+```html
+
+
+
+
+
+
+```
+
+### 倒计时
+
+```html
+
+
+
+
今天是2023年11月21日
+
下班倒计时
+
+ 00
+ :
+ 25
+ :
+ 20
+
+
17:40:00下课
+
新增学员
+
+
+ 就业榜
+
+
+
+ | 学号 |
+ 姓名 |
+ 年龄 |
+ 性别 |
+ 薪资 |
+ 就业城市 |
+ 操作 |
+
+
+
+
+
+
+
+
+
+```
+
+css 样式
+
+```css
+* {
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ text-decoration: none;
+ color:#721c24;
+}
+h1 {
+ text-align: center;
+ color:#333;
+ margin: 20px 0;
+
+}
+table {
+ margin:0 auto;
+ width: 800px;
+ border-collapse: collapse;
+ color:#004085;
+}
+th {
+ padding: 10px;
+ background: #cfe5ff;
+
+ font-size: 20px;
+ font-weight: 400;
+}
+td,th {
+ border:1px solid #b8daff;
+}
+td {
+ padding:10px;
+ color:#666;
+ text-align: center;
+ font-size: 16px;
+}
+tbody tr {
+ background: #fff;
+}
+tbody tr:hover {
+ background: #e1ecf8;
+}
+.info {
+ width: 900px;
+ margin: 50px auto;
+ text-align: center;
+}
+.info input, .info select {
+ width: 80px;
+ height: 27px;
+ outline: none;
+ border-radius: 5px;
+ border:1px solid #b8daff;
+ padding-left: 5px;
+ box-sizing: border-box;
+ margin-right: 15px;
+}
+.info button {
+ width: 60px;
+ height: 27px;
+ background-color: #004085;
+ outline: none;
+ border: 0;
+ color: #fff;
+ cursor: pointer;
+ border-radius: 5px;
+}
+.info .age {
+ width: 50px;
+}
+```
+
+### 重构
+
+```html
+
+
+
+
+
+
+
+ 学车在线首页
+
+
+
+
+
+
+
+
+
+
+
+```
+
+css 样式
+
+```css
+* {
+ margin: 0;
+ padding: 0;
+}
+.w {
+ width: 1200px;
+ margin: auto;
+}
+body {
+ background-color: #f3f5f7;
+}
+li {
+ list-style: none;
+}
+a {
+ text-decoration: none;
+}
+.clearfix:before,.clearfix:after {
+ content:"";
+ display:table;
+ }
+ .clearfix:after {
+ clear:both;
+ }
+ .clearfix {
+ *zoom:1;
+ }
+
+
+.box {
+ margin-top: 30px;
+}
+.box-hd {
+ height: 45px;
+}
+.box-hd h3 {
+ float: left;
+ font-size: 20px;
+ color: #494949;
+}
+.box-hd a {
+ float: right;
+ font-size: 12px;
+ color: #a5a5a5;
+ margin-top: 10px;
+ margin-right: 30px;
+}
+/* 把li 的父亲ul 修改的足够宽一行能装开5个盒子就不会换行了 */
+.box-bd ul {
+ width: 1225px;
+}
+.box-bd ul li {
+ position: relative;
+ top: 0;
+ float: left;
+ width: 228px;
+ height: 270px;
+ background-color: #fff;
+ margin-right: 15px;
+ margin-bottom: 15px;
+ transition: all .3s;
+
+}
+.box-bd ul li a {
+ display: block;
+}
+.box-bd ul li:hover {
+ top: -8px;
+ box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
+}
+.box-bd ul li img {
+ width: 100%;
+}
+.box-bd ul li h4 {
+ margin: 20px 20px 20px 25px;
+ font-size: 14px;
+ color: #050505;
+ font-weight: 400;
+}
+.box-bd .info {
+ margin: 0 20px 0 25px;
+ font-size: 12px;
+ color: #999;
+}
+.box-bd .info span {
+ color: #ff7c2d;
+}
+```
+
--
Gitee