diff --git "a/\347\275\227\345\251\267/2024.10.21\347\254\254\345\215\201\344\272\224\346\254\241\347\254\224\350\256\260.md" "b/\347\275\227\345\251\267/2024.10.21\347\254\254\345\215\201\344\272\224\346\254\241\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..f09962ed4eee41347798925ce5d61eda84fdee69 --- /dev/null +++ "b/\347\275\227\345\251\267/2024.10.21\347\254\254\345\215\201\344\272\224\346\254\241\347\254\224\350\256\260.md" @@ -0,0 +1,45 @@ +### 10.21笔记 + +

相对定位

+ +让元素相对于自己原来的位置，进行位置调整（可用于盒子的位置微调） + +background-position:向右偏移量 向下偏移量; + +相对定位：不脱标，老家留坑，别人不会把它的位置挤走。 + +

相对定位的定位值

+ +* left：盒子右移 + +* right：盒子左移 + +* top：盒子下移 + +* bottom：盒子上移 + +PS：负数表示相反的方向。 + +

绝对定位

+ +定义横纵坐标。原点在父容器的左上角或左下角。横坐标用left表示，纵坐标用top或者bottom表示。 + +绝对定位的盒子脱离了标准文档流 + +

绝对定位的参考点（重要）

+ +（1）如果用top描述，那么参考点就是页面的左上角，而不是浏览器的左上角 + +（2）如果用bottom描述，那么参考点就是浏览器首屏窗口尺寸（好好理解“首屏”二字），对应的页面的左下角 + +

固定定位

+ +就是相对浏览器窗口进行定位。无论页面如何滚动，这个盒子显示的位置不变。 + +用途1：网页右下角的“返回到顶部” + +比如我们经常看到的网页右下角显示的“返回到顶部”，就可以固定定位。 + +用途2：顶部导航条 + +我们经常能看到固定在网页顶端的导航条，可以用固定定位来做。 \ No newline at end of file diff --git "a/\347\275\227\345\251\267/2024.10.23\347\254\254\345\215\201\345\205\255\346\254\241\347\254\224\350\256\260.md" "b/\347\275\227\345\251\267/2024.10.23\347\254\254\345\215\201\345\205\255\346\254\241\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..97970b3bc1db1585e5d934cff962d8233585035d --- /dev/null +++ "b/\347\275\227\345\251\267/2024.10.23\347\254\254\345\215\201\345\205\255\346\254\241\347\254\224\350\256\260.md" @@ -0,0 +1,45 @@ +### 10.23笔记 + +

符号

+ +* [] 表示可选项 + +* || 表示或者 + +* | 表示多选一 + +* ? 0个或1个 + +* *表示0个或多个 + +* {}表示范围 + +

CSS3 选择器

+ +div 标签选择器 + +.box 类名选择器 + +#box　id选择器 + +div p 后代选择器 + +div.box 交集选择器 + +div,p,span 并集选择器 + +div>p 子代选择器 + +* : 通配符 + +div+p: 选中div后面相邻的第一个p + +div~p: 选中的div后面所有的p + +

属性选择器

+ +属性选择器的标志性符号是 []。 + +匹配含义： + +^：开头 $：结尾 *：包含 \ No newline at end of file diff --git "a/\347\275\227\345\251\267/2024.10.24\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260.md" "b/\347\275\227\345\251\267/2024.10.24\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..5f3515120b414135b15908e3683d10679e301500 --- /dev/null +++ "b/\347\275\227\345\251\267/2024.10.24\347\254\254\345\215\201\344\270\203\346\254\241\347\254\224\350\256\260.md" @@ -0,0 +1,44 @@ +### 第十七次笔记 + +

过渡：transition

+ +transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征，可以实现元素不同状态间的平滑过渡 + +transition 包括以下属性： + +* transition-property: all; 如果希望所有的属性都发生过渡，就使用all。 + +* transition-duration: 1s; 过渡的持续时间。 + +* transition-timing-function: linear; 运动曲线。属性值可以是： + + * linear 线性 + + * ease 减速 + + * ease-in 加速 + + * ease-out 减速 + + * ease-in-out 先加速后减速 + + *transition-delay: 1s; 过渡延迟。 + +

1、缩放：

scale + +格式： + + transform: scale(x, y); + +

2、位移：

translate + +格式： + + transform: translate(水平位移, 垂直位移); + +

3、旋转：

rotate + +格式： + + transform: rotate(角度); + diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/1.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/1.html" new file mode 100644 index 0000000000000000000000000000000000000000..4424d183a04448cda68c5ebf246d572808e50087 --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/1.html" @@ -0,0 +1,25 @@ + + + + + + Document + + + +
88888888
+ + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/2.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/2.html" new file mode 100644 index 0000000000000000000000000000000000000000..aa8466731fd9f65e57223eb9bee78b9418ed2896 --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/2.html" @@ -0,0 +1,109 @@ + + + + + + Document + + + +
8888
+
+ 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 + 88888 +
+ + + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/3.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/3.html" new file mode 100644 index 0000000000000000000000000000000000000000..d01f779ffe857c350a556704ae244cec10844ce0 --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/3.html" @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/4.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/4.html" new file mode 100644 index 0000000000000000000000000000000000000000..01bffbfd700142a92fe2b18f589d2bb1452a5e7a --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.21\344\275\234\344\270\232/4.html" @@ -0,0 +1,49 @@ + + + + + Document + + + +
+ +
+ +
+

广东深圳宝安区建安一路海雅缤纷城4楼

+
+ + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/1.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/1.html" new file mode 100644 index 0000000000000000000000000000000000000000..5dbd3b43eb09b6fdee901e409b6e2ffdb9ffa112 --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/1.html" @@ -0,0 +1,27 @@ + + + + + + + + +
黄朔最棒
+ + + + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/2.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/2.html" new file mode 100644 index 0000000000000000000000000000000000000000..5aa14554dbe893a58d7ab7ce094f5f1a25bcc553 --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/2.html" @@ -0,0 +1,97 @@ + + + + + + + + +
+ + + + + + + + + + + + + +
+ + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/3.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/3.html" new file mode 100644 index 0000000000000000000000000000000000000000..7328a5ea4caa3f60f7abec61e43a002d0a45cb08 --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/3.html" @@ -0,0 +1,54 @@ + + + + + + + + +
+
+
+
+ + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/4.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/4.html" new file mode 100644 index 0000000000000000000000000000000000000000..9cf2886bc9005f3641aebe6d5325de75249fc50a --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/4.html" @@ -0,0 +1,73 @@ + + + + + CSS 过渡 + + + +
+
+ +
+ +
+ + +
+
+ + +
+
+ + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/5.html" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/5.html" new file mode 100644 index 0000000000000000000000000000000000000000..9fb9f373b1ee1824ef1a853237971024a13d2510 --- /dev/null +++ "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/5.html" @@ -0,0 +1,31 @@ + + + + + + + + + + + \ No newline at end of file diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/01.png" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/01.png" new file mode 100644 index 0000000000000000000000000000000000000000..aa91346b17db7b1c0a0da3be60a79c1537250e8e Binary files /dev/null and "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/01.png" differ diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/02.png" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/02.png" new file mode 100644 index 0000000000000000000000000000000000000000..b2364f5aa00b1865127c7d57d569496999752a23 Binary files /dev/null and "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/02.png" differ diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/03.png" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/03.png" new file mode 100644 index 0000000000000000000000000000000000000000..9dbf1b1ad56501a0fd12ea48bc7192c1a0480fc8 Binary files /dev/null and "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/03.png" differ diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/ds.png" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/ds.png" new file mode 100644 index 0000000000000000000000000000000000000000..e08ba74213094bf8a7cb7c6e84a9adc499518aae Binary files /dev/null and "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/ds.png" differ diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/hj.png" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/hj.png" new file mode 100644 index 0000000000000000000000000000000000000000..03b86c8249d78b653db95fff220ebccaec7cee5f Binary files /dev/null and "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/hj.png" differ diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/sb.png" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/sb.png" new file mode 100644 index 0000000000000000000000000000000000000000..599dbe48c3fba3fe0549e88d5d79f6f863d9acc8 Binary files /dev/null and "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/sb.png" differ diff --git "a/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/sj.jpg" "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/sj.jpg" new file mode 100644 index 0000000000000000000000000000000000000000..1ba3b393e92797493150bb43edb2cb6d61177c9a Binary files /dev/null and "b/\347\275\227\345\251\267/\344\275\234\344\270\232/10.24\344\275\234\344\270\232/\347\205\247\347\211\207/sj.jpg" differ