diff --git "a/\350\203\241\346\202\246/2021.11.15/demo01.html" "b/\350\203\241\346\202\246/2021.11.15/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..bb9dd72b313a085ad9d56d14bb8c9a30c3316dda --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.15/demo01.html" @@ -0,0 +1,82 @@ + + + + + + + + + + + + + diff --git "a/\350\203\241\346\202\246/2021.11.17/demo01.css" "b/\350\203\241\346\202\246/2021.11.17/demo01.css" new file mode 100644 index 0000000000000000000000000000000000000000..88e0d96817ed7d832cc9f97a06868d4b0639b6e6 --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.17/demo01.css" @@ -0,0 +1,50 @@ +*{ + margin: 0px; + padding: 0px; +} +div{ + background-color:white; + height: 400px; + width: 0px; + margin: 100px auto; + border-radius: 400px; + border-left: 200px solid black; + border-right: 200px solid white; + box-shadow: 0 0 30px gold ; + position:relative; +} +div::after{ + width:200px; + height:200px; + position:absolute; + left:-100px; + display:block; + content:""; + border-radius:50%; +} +div::after{ + width:200px; + height:200px; + position:absolute; + left:-100px; + display:block; + content:""; + background-color:black; + border-radius:50%; + box-shadow:0 200px 0 white; +} +div::before{ + width:40px; + height:40px; + position:absolute; + left:-15px; + display:block; + content:""; + z-index:1; + background-color:white; + border-radius:50%; + box-shadow:0 200px 0 black; + top: 80px; +} + + diff --git "a/\350\203\241\346\202\246/2021.11.17/demo01.html" "b/\350\203\241\346\202\246/2021.11.17/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..e5a05ea52f75059920ef907692be4b437926b76b --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.17/demo01.html" @@ -0,0 +1,14 @@ + + + + + + Document + + + +
+ +
+ + \ No newline at end of file diff --git "a/\350\203\241\346\202\246/2021.11.18/demo01.html" "b/\350\203\241\346\202\246/2021.11.18/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..f1125d00a0b73f5625a3ec33b687f9a5f15af5c2 --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.18/demo01.html" @@ -0,0 +1,193 @@ + + + + + + + + + +

white-space

+
+ + +
white-space: normal:(连续的空白符会被合并，换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。)
+
给元素背景设置 颜色。如果元素盒子设置 了边框，
则背景颜色会延伸 到边框的边沿，但是展示 在边框下边。 + 相当于边框覆盖在背景上。
+ +
white-space: pre:(连续的空白符会被保留。在遇到换行符或者
元素时才会换行。 )
+
给元素背景设置 颜色。如果元素盒子设置 了边框，
则背景颜色会延伸 到边框的边沿，但是展示 在边框下边。 + 相当于边框覆盖在背景上。
+ +
white-space:nowrap(和 normal 一样，连续的空白符会被合并。但文本内的换行无效。)
+
给元素背景设置 颜色。如果元素盒子设置 了边框，
则背景颜色会延伸 到边框的边沿，但是展示 在边框下边。 + 相当于边框覆盖在背景上。
+ +
white-space:pre-wrap(连续的空白符会被保留。在遇到换行符或者
元素，或者需要为了填充「行框盒子(line boxes)」时才会换行。)
+
给元素背景设置 颜色。如果元素盒子设置 了边框，
则背景颜色会延伸 到边框的边沿，但是展示 在边框下边。 + 相当于边框覆盖在背景上。
+ +
white-space:pre-line(连续的空白符会被合并。在遇到换行符或者
元素，或者需要为了填充「行框盒子(line boxes)」时会换行。)
+
给元素背景设置 颜色。如果元素盒子设置 了边框，
则背景颜色会延伸 到边框的边沿，但是展示 在边框下边。 + 相当于边框覆盖在背景上。
+
+
+

word-break

+
+
word-break: normal;(使用默认的断行规则。)
+
This is a long and + Honorificabilitudinitatibus califragilisticexpialidocious + Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu + グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉 +
+ +
word-break: break-all;(对于non-CJK (CJK 指中文/日文/韩文) 文本，可在任意字符间断行。)
+
This is a long and + Honorificabilitudinitatibus califragilisticexpialidocious + Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu + グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉 +
+ +
word-break: keep-all;(CJK 文本不断行。 Non-CJK 文本表现同 normal。)
+
This is a long and + Honorificabilitudinitatibus califragilisticexpialidocious + Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu + グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉 +
+ +
word-break: break-word;(他的效果是word-break: normal 和 overflow-wrap: anywhere 的合，不论 + overflow-wrap(当一个不能被分开的字符串太长而不能填充其包裹盒时，为防止其溢出，浏览器是否允许这样的单词中断换行。)的值是多少。)
+
This is a long and + Honorificabilitudinitatibus califragilisticexpialidocious + Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu + グレートブリテンおよび北アイルランド連合王国という言葉は本当に長い言葉 +
+ +
+
+

word-wrap

+
+
word-wrap: break-word;(可以强制对文本进行换行 - 即使这意味着在词中间将其拆分)
+
+ This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and + wrap to the next line. +
+
+ This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and + wrap to the next line. +
+ +
+
+

word-spacing

+
+
word-spacing: normal;(正常的单词间距，由当前字体和/或浏览器定义。)
+
+ 下面的例子展示了将鼠标悬停在元素上时如何显示溢出的内容 +
+
word-spacing: 10px;
+
+ 下面的例子展示了将鼠标悬停在元素上时如何显示溢出的内容 +
+ +
+
+

letter-spacing

+
+
letter-spacing: normal;(此间距是按照当前字体的正常间距确定的。和 0 不同的是，用户代理根据此属性来确定文字的默认对齐方式。)
+
+ 下面的例子展示了将鼠标悬停在元素上时如何显示溢出的内容 +
+ +
letter-spacing: .2rem;
+
+ 下面的例子展示了将鼠标悬停在元素上时如何显示溢出的内容 +
+ +
letter-spacing: 1px;
+
+ 下面的例子展示了将鼠标悬停在元素上时如何显示溢出的内容 +
+ +
letter-spacing: -1px;
+
+ 下面的例子展示了将鼠标悬停在元素上时如何显示溢出的内容 +
+
+ + diff --git "a/\350\203\241\346\202\246/2021.11.19/demo01.html" "b/\350\203\241\346\202\246/2021.11.19/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..176c8587c4897212ec8f9aecdf83d40ab7621110 --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.19/demo01.html" @@ -0,0 +1,64 @@ + + + + + + + + +
颜色属性值
+


R

+


G

+


B

+ + + \ No newline at end of file diff --git "a/\350\203\241\346\202\246/2021.11.22/demo01.html" "b/\350\203\241\346\202\246/2021.11.22/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..391e81b7a16b3f22a9e6959355d32ff446c3e6b9 --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.22/demo01.html" @@ -0,0 +1,57 @@ + + + + + + + + +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ + diff --git "a/\350\203\241\346\202\246/2021.11.22/u=2009925746,52552616&fm=26&fmt=auto.webp" "b/\350\203\241\346\202\246/2021.11.22/u=2009925746,52552616&fm=26&fmt=auto.webp" new file mode 100644 index 0000000000000000000000000000000000000000..6da46736acbeca75f68e0d3a9d5c8a74b3d2a76e Binary files /dev/null and "b/\350\203\241\346\202\246/2021.11.22/u=2009925746,52552616&fm=26&fmt=auto.webp" differ diff --git "a/\350\203\241\346\202\246/2021.11.22/u=3408104514,477595435&fm=26&fmt=auto.webp" "b/\350\203\241\346\202\246/2021.11.22/u=3408104514,477595435&fm=26&fmt=auto.webp" new file mode 100644 index 0000000000000000000000000000000000000000..8bec657837b1497618a4bc5f39ca89dfd5f43512 Binary files /dev/null and "b/\350\203\241\346\202\246/2021.11.22/u=3408104514,477595435&fm=26&fmt=auto.webp" differ diff --git "a/\350\203\241\346\202\246/2021.11.22/u=3853677104,4036840108&fm=26&fmt=auto.webp" "b/\350\203\241\346\202\246/2021.11.22/u=3853677104,4036840108&fm=26&fmt=auto.webp" new file mode 100644 index 0000000000000000000000000000000000000000..72a9be82989791ddd7e48b0d148a305bc76e3485 Binary files /dev/null and "b/\350\203\241\346\202\246/2021.11.22/u=3853677104,4036840108&fm=26&fmt=auto.webp" differ diff --git "a/\350\203\241\346\202\246/2021.11.22/u=41920096,4113399084&fm=26&fmt=auto.webp" "b/\350\203\241\346\202\246/2021.11.22/u=41920096,4113399084&fm=26&fmt=auto.webp" new file mode 100644 index 0000000000000000000000000000000000000000..433069f10df19988a7b7b1c28f335dfc2b38869a Binary files /dev/null and "b/\350\203\241\346\202\246/2021.11.22/u=41920096,4113399084&fm=26&fmt=auto.webp" differ diff --git "a/\350\203\241\346\202\246/2021.11.22/u=696474168,1148446454&fm=26&fmt=auto.webp" "b/\350\203\241\346\202\246/2021.11.22/u=696474168,1148446454&fm=26&fmt=auto.webp" new file mode 100644 index 0000000000000000000000000000000000000000..d91438487abec5ed0f0cb5496f5fa6e5a582a1b6 Binary files /dev/null and "b/\350\203\241\346\202\246/2021.11.22/u=696474168,1148446454&fm=26&fmt=auto.webp" differ diff --git "a/\350\203\241\346\202\246/2021.11.22/u=878223685,253867540&fm=26&fmt=auto.webp" "b/\350\203\241\346\202\246/2021.11.22/u=878223685,253867540&fm=26&fmt=auto.webp" new file mode 100644 index 0000000000000000000000000000000000000000..4be234ca543231e86cabaa78d44e75d4567cefac Binary files /dev/null and "b/\350\203\241\346\202\246/2021.11.22/u=878223685,253867540&fm=26&fmt=auto.webp" differ diff --git "a/\350\203\241\346\202\246/2021.11.24/demo01.html" "b/\350\203\241\346\202\246/2021.11.24/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..9a4b252eee2e82e5443d2ef16c7b326a18f4eb80 --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.24/demo01.html" @@ -0,0 +1,155 @@ + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + diff --git "a/\350\203\241\346\202\246/2021.11.25-CSS-\347\275\221\346\240\274\345\270\203\345\261\200/demo01.html" "b/\350\203\241\346\202\246/2021.11.25-CSS-\347\275\221\346\240\274\345\270\203\345\261\200/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..cc374aa140c34489bbc2366e389f7efbfc90c6c8 --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.25-CSS-\347\275\221\346\240\274\345\270\203\345\261\200/demo01.html" @@ -0,0 +1,99 @@ + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + diff --git "a/\350\203\241\346\202\246/2021.11.25-CSS-\347\275\221\346\240\274\345\270\203\345\261\200/demo02.html" "b/\350\203\241\346\202\246/2021.11.25-CSS-\347\275\221\346\240\274\345\270\203\345\261\200/demo02.html" new file mode 100644 index 0000000000000000000000000000000000000000..9a9ae623f7ef4d6bb9cc5f123a0a8d5158b7ece9 --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.25-CSS-\347\275\221\346\240\274\345\270\203\345\261\200/demo02.html" @@ -0,0 +1,118 @@ + + + + + + Document + + + +
+
+
50%
+
50%
+
+
+
33%
+
33%
+
33%
+
+
+
25%
+
25%
+
25%
+
25%
+
50%
+
50%
+
+ +
+ diff --git "a/\350\203\241\346\202\246/2021.11.26-CSS-\346\227\266\351\222\237/demo01.html" "b/\350\203\241\346\202\246/2021.11.26-CSS-\346\227\266\351\222\237/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..70020c97dcda17657e2644180ee9af2a8023763b --- /dev/null +++ "b/\350\203\241\346\202\246/2021.11.26-CSS-\346\227\266\351\222\237/demo01.html" @@ -0,0 +1,130 @@ + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
` + +