diff --git "a/\346\236\227\346\265\231\351\276\231/211117CSS \351\200\211\346\213\251\345\231\250\345\222\214\347\233\222\346\250\241\345\236\213/demo01.html" "b/\346\236\227\346\265\231\351\276\231/211117CSS \351\200\211\346\213\251\345\231\250\345\222\214\347\233\222\346\250\241\345\236\213/demo01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..812c577f9dfb93339839921557a9faaede6f458d
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211117CSS \351\200\211\346\213\251\345\231\250\345\222\214\347\233\222\346\250\241\345\236\213/demo01.html"
@@ -0,0 +1,98 @@
+
+
+
+
+ CSS3实现旋转的太极图（二）：只用1个DIV
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211117CSS \351\200\211\346\213\251\345\231\250\345\222\214\347\233\222\346\250\241\345\236\213/\345\244\252\346\236\201\345\233\276.html" "b/\346\236\227\346\265\231\351\276\231/211117CSS \351\200\211\346\213\251\345\231\250\345\222\214\347\233\222\346\250\241\345\236\213/\345\244\252\346\236\201\345\233\276.html"
new file mode 100644
index 0000000000000000000000000000000000000000..887c46d1d0924ce1a36e98c3bd0f585c4e373590
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211117CSS \351\200\211\346\213\251\345\231\250\345\222\214\347\233\222\346\250\241\345\236\213/\345\244\252\346\236\201\345\233\276.html"
@@ -0,0 +1,46 @@
+
+
+
+ Document
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/letter-spacing.html" "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/letter-spacing.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8c60930270ec506d1d6d69ba7ca9f7c857adb811
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/letter-spacing.html"
@@ -0,0 +1,32 @@
+
+
+
+ Document
+
+
+
+ letter spacingletter spacingletter spacingletter spacing
+ letter spacingletter spacingletter spacingletter spacing
+ letter spacingletter spacingletter spacingletter spacing
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/white-space.html" "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/white-space.html"
new file mode 100644
index 0000000000000000000000000000000000000000..fd3845b574c7559bbb629114c9b289f232fddffd
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/white-space.html"
@@ -0,0 +1,61 @@
+
+
+
+ Document
+
+
+
+ /*white-space设置处理元素的空白*/
+
+ normal
+ 连续的空白符会被合并，换行符会被当作空白符来处理
+ 连续的空白符会被合并，换行符会被当作空白符来处理
+ 连续的空白符会被合并，换行符会被当作空白符来处理
+
+
+ pre
+ 连续的空白符会被保留。在遇到换行符或者br元素时才会换行。
+ 连续的空白符会被保留。在遇到换行符或者br元素时才会换行。
+ 连续的空白符会被保留。在遇到换行符或者br元素时才会换行。
+
+
+ pre-wrap
+ 连续的空白符会被保留。在遇到换行符或者br元素，或者需要为了填充「行框盒子(line boxes)」时才会换行。
+ 连续的空白符会被保留。在遇到换行符或者br元素，或者需要为了填充「行框盒子(line boxes)」时才会换行。
+ 连续的空白符会被保留。在遇到换行符或者br元素，或者需要为了填充「行框盒子(line boxes)」时才会换行。
+
+
+ pre-line
+ 连续的空白符会被合并。在遇到换行符或者br元素，或者需要为了填充「行框盒子(line boxes)」时会换行。
+ 连续的空白符会被合并。在遇到换行符或者br元素，或者需要为了填充「行框盒子(line boxes)」时会换行。
+ 连续的空白符会被合并。在遇到换行符或者br元素，或者需要为了填充「行框盒子(line boxes)」时会换行。
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-break.html" "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-break.html"
new file mode 100644
index 0000000000000000000000000000000000000000..2b451ac585de1dc8e8feedd7b2119eaa401b068c
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-break.html"
@@ -0,0 +1,72 @@
+
+
+
+ Document
+
+
+
+ CSS 属性 word-break 指定了怎样在单词内断行。
+
+ normal
+ Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapiki
+ maungahoronukupokaiwhenuakitanatahu
+ 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉
+
+
+ break-all
+ Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapiki
+ maungahoronukupokaiwhenuakitanatahu
+ 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉
+
+
+ keep-all
+ Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapiki
+ maungahoronukupokaiwhenuakitanatahu
+ 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉
+
+
+ break-word
+ Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapiki
+ maungahoronukupokaiwhenuakitanatahu
+ 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-spacing.html" "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-spacing.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dd1484a2ac2e6cc1a49fc4c2e93e366affe0f89e
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-spacing.html"
@@ -0,0 +1,48 @@
+
+
+
+ Document
+
+
+
+
+ 正常的单词间距，由当前字体和/或浏览器定义。
+ 这是一些文本。
+ this is a text
+
+
+ 通过指定具体的额外间距来增加字体的单词间距length
+ 这是一些文本。
+ this is a text
+
+
+ 通过指定受影响字符的宽度的百分比的方式来增加的间距
+ 这是一些文本。
+ this is a text
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-wrap.html" "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-wrap.html"
new file mode 100644
index 0000000000000000000000000000000000000000..02fabf39b0590394991cfa7f4d0389fb7949efc9
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211118CSS\350\203\214\346\231\257\343\200\201\350\276\271\346\241\206\345\222\214\346\226\207\346\234\254\347\211\271\346\225\210/word-wrap.html"
@@ -0,0 +1,37 @@
+
+
+
+ Document
+
+
+
+
+
+ 这是word-wrap为normal的文本，只在允许的断字点换行（浏览器保持默认处理）。
+ This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.
+
+
+
+ 这是word-wrap为break-word的文本，在长单词或 URL 地址内部进行换行。
+ This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo01.html" "b/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..176c8587c4897212ec8f9aecdf83d40ab7621110
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo01.html"
@@ -0,0 +1,64 @@
+
+
+
+ 颜色属性值
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo02.html" "b/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo02.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3cc1c9319bf678abdd46d65efc68c2a900e3e121
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo02.html"
@@ -0,0 +1,206 @@
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo03.html" "b/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo03.html"
new file mode 100644
index 0000000000000000000000000000000000000000..33b9688c8a90ef7b08276d059c8598de6f8d6c57
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211119CSS\345\200\274\344\270\216\345\215\225\344\275\215 \346\272\242\345\207\272\347\232\204\345\206\205\345\256\271/demo03.html"
@@ -0,0 +1,149 @@
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211122CSS\345\270\203\345\261\200/demo01.html" "b/\346\236\227\346\265\231\351\276\231/211122CSS\345\270\203\345\261\200/demo01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..711254fbf77ef96b166d156a3104a389206af79b
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211122CSS\345\270\203\345\261\200/demo01.html"
@@ -0,0 +1,68 @@
+
+
+
+ Document
+
+
+
+
+
+
+ 往后余生，有我陪你
+
+
+ 往后余生，有我陪你
+
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
+ 往后余生，有我陪你
+
Document
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211124CSS \345\274\271\346\200\247\347\233\222\345\255\220/demo02.html" "b/\346\236\227\346\265\231\351\276\231/211124CSS \345\274\271\346\200\247\347\233\222\345\255\220/demo02.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4beff9a64b2e6e1c2818e55c9ac176a758352533
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211124CSS \345\274\271\346\200\247\347\233\222\345\255\220/demo02.html"
@@ -0,0 +1,49 @@
+
+
+
+ Document
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211124CSS \345\274\271\346\200\247\347\233\222\345\255\220/demo03.html" "b/\346\236\227\346\265\231\351\276\231/211124CSS \345\274\271\346\200\247\347\233\222\345\255\220/demo03.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1b23b3239907bca5e64e2f16a610c90613a995a5
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211124CSS \345\274\271\346\200\247\347\233\222\345\255\220/demo03.html"
@@ -0,0 +1,180 @@
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211125CSS Grid \347\275\221\346\240\274\345\270\203\345\261\200/box.css" "b/\346\236\227\346\265\231\351\276\231/211125CSS Grid \347\275\221\346\240\274\345\270\203\345\261\200/box.css"
new file mode 100644
index 0000000000000000000000000000000000000000..f2b4dc9701d157409c63221f2b424e139c1dbbf3
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211125CSS Grid \347\275\221\346\240\274\345\270\203\345\261\200/box.css"
@@ -0,0 +1,129 @@
+.box{
+ display: grid;
+ width: 100px;
+ height: 100px;
+ border: 1px solid #000;
+ border-radius: 10px;
+ grid-template-rows: repeat(3,1fr);
+ grid-template-columns: repeat(3,1fr);
+}
+
+ *{margin: 0;
+ padding: 0;
+ }
+.zt{
+ width: 1500px;
+ height: 1000px;
+
+
+ background-color: #333;
+ margin: auto;
+
+}
+
+.box>div{
+ width: 30px;
+ height: 30px;
+ background-color: #000;
+ border-radius: 50%;
+
+}
+
+.box1>div{
+ grid-area: 2/2/3/3;
+ place-self: center center;
+
+}
+
+.box2{
+ display: grid;
+ width: 100px;
+ height: 100px;
+ border: 1px solid #000;
+ border-radius: 10px;
+ grid-template-columns: 50px 50px;
+ grid-template-rows: 50px 50px;
+}
+.box2>div{
+ width: 30px;
+ height: 30px;
+ background: #000;
+ border-radius: 50%;
+
+}
+
+.box2>div:nth-child(1){
+ grid-area: 1/1/2/2;
+ place-self: center center;
+}
+
+.box2>div:nth-child(2){
+ grid-area: 2/2/3/3;
+ place-self: center center;
+}
+.box3>div:nth-child(1){
+ grid-area: 1/1/2/2;
+ place-self: center center;
+}
+.box3>div:nth-child(2){
+ grid-area: 2/2/3/3;
+ place-self: center center;
+}
+.box3>div:nth-child(3){
+ grid-area: 3/3/4/4;
+ place-self: center center;
+}
+.box4>div:nth-child(1){
+ grid-area: 1/1/2/2;
+ place-self: end end;
+}
+.box4>div:nth-child(2){
+ grid-area: 1/3/2/4;
+ place-self: end start;
+}
+.box4>div:nth-child(3){
+ grid-area: 3/1/4/2;
+ place-self: start end;
+}
+.box4>div:nth-child(4){
+ grid-area: 3/3/4/4;
+ place-self: start start;
+}
+.box5>div:nth-child(1){
+ grid-area: 1/1/2/2;
+ place-self: end end;
+}
+.box5>div:nth-child(2){
+ grid-area: 1/3/2/4;
+ place-self: end start;
+}
+.box5>div:nth-child(3){
+ grid-area: 3/1/4/2;
+ place-self: start end;
+}
+.box5>div:nth-child(4){
+ grid-area: 3/3/4/4;
+ place-self: start start;
+}
+.box5>div:nth-child(5){
+ grid-area: 2/2/3/3;
+ place-self: center center;
+}
+
+.box6{
+ display: grid;
+ width: 100px;
+ height: 100px;
+ border: 1px solid #000;
+ border-radius: 10px;
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: 1fr 1fr 1fr;
+ place-items:center center;
+}
+
+.box6>div{
+ width: 30px;
+ height: 30px;
+ background-color: #000;
+ border-radius: 50%;
+}
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211125CSS Grid \347\275\221\346\240\274\345\270\203\345\261\200/grid \346\226\271\346\263\225\345\256\236\347\216\260\351\252\260\345\255\220\351\241\265\351\235\242.html" "b/\346\236\227\346\265\231\351\276\231/211125CSS Grid \347\275\221\346\240\274\345\270\203\345\261\200/grid \346\226\271\346\263\225\345\256\236\347\216\260\351\252\260\345\255\220\351\241\265\351\235\242.html"
new file mode 100644
index 0000000000000000000000000000000000000000..beb5f255311acf4c079dc4548903f970948cbf2a
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211125CSS Grid \347\275\221\346\240\274\345\270\203\345\261\200/grid \346\226\271\346\263\225\345\256\236\347\216\260\351\252\260\345\255\220\351\241\265\351\235\242.html"
@@ -0,0 +1,179 @@
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\346\236\227\346\265\231\351\276\231/211126CSS \350\275\254\346\215\242\357\274\214\350\277\207\346\270\241\345\222\214\345\212\250\347\224\273/index.html" "b/\346\236\227\346\265\231\351\276\231/211126CSS \350\275\254\346\215\242\357\274\214\350\277\207\346\270\241\345\222\214\345\212\250\347\224\273/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..53251b3be730b94388ee3df6ff126188ca1daf5f
--- /dev/null
+++ "b/\346\236\227\346\265\231\351\276\231/211126CSS \350\275\254\346\215\242\357\274\214\350\277\207\346\270\241\345\222\214\345\212\250\347\224\273/index.html"
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+ 往后余生，有我陪你
+ 
+ 往后余生，有我陪你
+ 
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你
+ 往后余生，有我陪你