diff --git "a/\350\200\201\350\203\241/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" "b/\350\200\201\350\203\241/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..90824d654dfb77c07abc5067b73cdf1b7c1e99b3 --- /dev/null +++ "b/\350\200\201\350\203\241/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" @@ -0,0 +1,105 @@ +# 今天天气很好,40多度,老胡很帅呆 + +## 今天讲了git的流程,特画图如下,快夸我 + +![你看你那什么破图!^=^|||](./imgs/img011.jpg) + + 我是没有感情的文字 + +我是百度 + +[我也是百度](http://baidu.com) + +

一级标题

+

二级标题

+ +# 一级标题 + +## 二级标题 + +斜体 + +*斜体* + +**粗体** + +***粗斜体*** + +> 我是一段引用 + + +比如我这里需要使用一个`dom`标签,这个`dom`标签是指`font` + +如下代码可以说明若干问题: + +```js +console.log('我是女生,爱哭的女生') + +``` + +有序列表 + +1. 列表 + 1. 还是列表 + A. 总是列表 + 2. 还是列表 + 3. 还是列表 + 4. 还是列表 +2. 列表 +3. 列表 + + +18) 第一项 +2) 第二项 +3) 第三项 + +i. 第一项 +ii. 第二项 +iii. 第三项 + +a. 第一项 +b. 第二项 +c. 第三项 + +无序列表 + +我是新增行 + ++ 无序列表 + + 我还是 + + 总是 + + 天天向上 + + 总是 + + 总是 + + 总是 + + 我还是 + + 我还是 + + 我还是 + + 我还是 ++ 无序列表 + - gd gd + - 悠悠岁月 + - 悠悠岁月 + - 悠悠岁月 + - 悠悠岁月 + - gd gd + - gd gd + - gd gd + - gd gd ++ 无序列表 ++ 无序列表 + * 星星眨眼 + * 这个天 + * 这个天 + * 这个天 + * 星星眨眼 + * 星星眨眼 + * 星星眨眼 ++ 无序列表 + + +| 左对齐 | 居中 | 右对齐 | +| :- | :-: | -: | +| 单元格1 | 单元格2 | 单元格3 | +| 单元格4 | 单元格5 | 单元格6 | + diff --git "a/\350\200\201\350\203\241/imgs/img01.jpg" "b/\350\200\201\350\203\241/imgs/img01.jpg" new file mode 100644 index 0000000000000000000000000000000000000000..9a379cf5f0681088cca4da476e10125b29ad16e5 Binary files /dev/null and "b/\350\200\201\350\203\241/imgs/img01.jpg" differ diff --git "a/\351\231\206\346\245\232\347\233\210/20241012CSS\346\240\267\345\274\217\350\241\250\347\232\204\347\273\247\346\211\277\346\200\247\345\222\214\345\261\202\345\217\240\346\200\247.md" "b/\351\231\206\346\245\232\347\233\210/20241012CSS\346\240\267\345\274\217\350\241\250\347\232\204\347\273\247\346\211\277\346\200\247\345\222\214\345\261\202\345\217\240\346\200\247.md" new file mode 100644 index 0000000000000000000000000000000000000000..6bd34cdfb3bd595f3b70524432968ca6ce55821c --- /dev/null +++ "b/\351\231\206\346\245\232\347\233\210/20241012CSS\346\240\267\345\274\217\350\241\250\347\232\204\347\273\247\346\211\277\346\200\247\345\222\214\345\261\202\345\217\240\346\200\247.md" @@ -0,0 +1,71 @@ +# CSS的继承性 +> 有一些属性,当给自己设置的时候,自己的后代都继承上了,这个就是继承性。继承性是从自己开始,直到最小的元素 + +``` +* 关于文字样式的属性,都具有继承性。这些属性包括:color、text-开头的、line-开头的、font-开头的 +* 关于盒子、定位、布局的属性,都不能继承 +``` +# CSS的层叠性 +## 层叠性:计算权重 +层叠性:就是CSS处理冲突的能力。 + +``` +当多个选择器,选择上了某个元素的时候,要按照如下顺序统计权重: +* id选择器 +* 类选择器、属性选择器、伪类选择器 +* 标签选择器、伪元素选择器 + +因为对于相同方式的样式表,其选择器排序的优先级为:Id选择器>类选择器>标签选择器 +``` +### 层叠性举例 +#### 举例1:计算权重 +先统计各个选择器的数量,优先级高的胜出。 +PS:不进位,实际上能进位(255个标签等于一个类名),但是没有实战意义 +#### 举例2:权重相同时 +当第一个样式和第二个样式的权重相同时,但第二个样式的书写顺序靠后,因此以第二个样式为准(**就近原则**) +#### 举例3:具有实战性的例子 +当第二个样式比第一个样式的权重要大。 +> 所有人当中,让某一个人为红,让其他所有人为蓝。 +为了防止权重不够,比较稳妥的做法是:**把第二个样式表照着第一个样式表来写,在此基础上,给第二个样式表再加一个权重** +#### 举例4:继承性照成的影响 +> 如果不能直接选中某个元素,通过继承性影响的话,那么权重是0. +开始数权重之前,一定要看看是不是真的选中了文字所在的最内层标签 +> 如果大家的权重相同,那么就采用就近原则:谁描述的近,听谁的 +### 层叠性:权重计算的问题大总结 +层叠性:层叠性是一种能力,就是处理冲突的能力。当不同选择器,对一个标签的同一个样式,有不同的值,听谁的?这就是冲突 + +@starmindmap +*hhh + * 有没有被选中 + * 选中了 + * 比权重 + * 不同,谁大听谁的 + * 权重相同,谁写在后面听谁的 + * 没选中 + *就近原则,谁描述的近 听谁的 + *如果一样近,比权重 + * 不同,谁大听谁的 + * 权重相同,谁写在后面听谁的 +@endmindmap + +``` +文字描述: +- 选择上了,数权重,(id的数量,类的数量,标签的数量)。如果权重一样,谁写在后面听谁的。 +- 没有选择上,通过继承影响的,就近原则,谁描述的近听谁的。如果描述的一样近,比如选择器权重,如果权重再一样重,谁写在后面听谁的。 +``` +## CSS样式表的冲突的总结 +- 1、对于相同的选择器(比如同样都是类选择器),其样式表排序:行级样式 > 内嵌样式表 > 外部样式表(就近原则) +- 2、对于相同类型的样式表(比如同样都是内部样式表),其选择器排序:ID选择器 > 类选择器 > 标签选择器 +- 3、外部样式表的ID选择器 > 内嵌样式表的标签选择器 +> 总结:就近原则。ID选择器优先级最大 +如果都是内嵌样式表,优先级顺序如下:(Id选择器>类选择器>标签选择器) +另外还有两个冲突的情况: +- 1、对同一个标签,如果用到的都是内嵌样式表,且权重一致,那它的优先级:**定义**的CSS样式表中,谁最近,就用谁。 +- 2、对于同一个标签,如果用到的都是外部样式表,且权重一致,那它的优先级:html文件中,引用样式表的位置越近,就用谁。 +## 权重问题深入 +**同一个标签,携带了多个类名,有冲突** +这里需要补充两种冲突的情况: + +- 1、对同一个标签,如果用到了了多个相同的内嵌样式表,它的优先级:**定义**的样式表中,谁最近,就用谁。 +- 2、对于同一个标签,如果引用了多个相同的外部样式表,它的优先级:html文件中,引用样式表的位置越近,就用谁 +例如:(就近原则)与标签中的挂类名的书写顺序无关,只和CSS的顺序有关 \ No newline at end of file