From 46955570ba95ab5602b734e4d1bf987c4b856593 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?luotinggit=20config=20--global=20user=2Ename=20luoting?=
 =?UTF-8?q?=E2=80=9C?= <2073740257@qq.com.com>
Date: Sun, 20 Oct 2024 20:47:56 +0800
Subject: [PATCH] =?UTF-8?q?10.17=E7=AC=94=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...14\346\254\241\347\254\224\350\256\260.md" | 58 +++++++++++++++++++
 ...11\346\254\241\347\254\224\350\256\260.md" | 20 +++++++
 ...33\346\254\241\347\254\224\350\256\260.md" | 32 ++++++++++
 3 files changed, 110 insertions(+)
 create mode 100644 "\347\275\227\345\251\267/2024.10.14\347\254\254\345\215\201\344\272\214\346\254\241\347\254\224\350\256\260.md"
 create mode 100644 "\347\275\227\345\251\267/2024.10.16\347\254\254\345\215\201\344\270\211\346\254\241\347\254\224\350\256\260.md"
 create mode 100644 "\347\275\227\345\251\267/2024.10.17\347\254\254\345\215\201\345\233\233\346\254\241\347\254\224\350\256\260.md"

diff --git "a/\347\275\227\345\251\267/2024.10.14\347\254\254\345\215\201\344\272\214\346\254\241\347\254\224\350\256\260.md" "b/\347\275\227\345\251\267/2024.10.14\347\254\254\345\215\201\344\272\214\346\254\241\347\254\224\350\256\260.md"
new file mode 100644
index 00000000..8ad5ce4b
--- /dev/null
+++ "b/\347\275\227\345\251\267/2024.10.14\347\254\254\345\215\201\344\272\214\346\254\241\347\254\224\350\256\260.md"
@@ -0,0 +1,58 @@
+### 第十二次笔记
+
+<h3>伪类（伪类选择器）</h3>
+
+伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。
+
+
+伪类选择器分为两种。
+
+（1）静态伪类：只能用于超链接的样式。如下：
+
+* :link 超链接点击之前
+
+* :visited 链接被访问过之后
+
+PS：以上两种样式，只能用于超链接。
+
+（2）动态伪类：针对所有标签都适用的样式。如下：
+
+* :hover “悬停”：鼠标放到标签上的时候
+
+* :active “激活”： 鼠标点击标签，但是不松手时。
+
+* :focus 是某个标签获得焦点时的样式（比如某个输入框获得焦点）
+
+
+<h3>超链接a标签</h3>
+
+* :link “链接”：超链接点击之前
+
+* :visited “访问过的”：链接被访问过之后
+
+* :hover “悬停”：鼠标放到标签上的时候
+
+* :active “激活”： 鼠标点击标签，但是不松手时。
+
+在css中，这四种状态必须按照固定的顺序写：
+
+a:link 、a:visited 、a:hover 、a:active
+
+
+<h3>a{}和a:link{}的区别：</h3>
+
+a{}定义的样式针对所有的超链接(包括锚点)
+
+a:link{}定义的样式针对所有写了href属性的超链接(不包括锚点)
+
+一定要将a标签写在前面，将:link、:visited、:hover、:active这些伪类写在后面
+
+
+<h3>动态伪类举例</h3>
+
+* :hover “悬停”：鼠标放到标签上的时候
+
+* :active “激活”： 鼠标点击标签，但是不松手时。
+
+* :focus 是某个标签获得焦点时的样式（比如某个输入框获得焦点）
+
diff --git "a/\347\275\227\345\251\267/2024.10.16\347\254\254\345\215\201\344\270\211\346\254\241\347\254\224\350\256\260.md" "b/\347\275\227\345\251\267/2024.10.16\347\254\254\345\215\201\344\270\211\346\254\241\347\254\224\350\256\260.md"
new file mode 100644
index 00000000..e04c08da
--- /dev/null
+++ "b/\347\275\227\345\251\267/2024.10.16\347\254\254\345\215\201\344\270\211\346\254\241\347\254\224\350\256\260.md"
@@ -0,0 +1,20 @@
+### 第十三次笔记
+
+<h3>CSS的层叠性</h3>
+
+<h4>层叠性：计算权重</h4>
+
+层叠性：就是css处理冲突的能力。
+
+
+当多个选择器，选择上了某个元素的时候，要按照如下顺序统计权重：
+
+* id 选择器
+
+* 类选择器、属性选择器、伪类选择器
+
+* 标签选择器、伪元素选择器
+
+选择器排序的优先级为：ID选择器 > 类选择器 > 标签选择器
+
+<h4>如果大家的权重相同，那么就采用就近原则：谁描述的近，听谁的</h4>
\ No newline at end of file
diff --git "a/\347\275\227\345\251\267/2024.10.17\347\254\254\345\215\201\345\233\233\346\254\241\347\254\224\350\256\260.md" "b/\347\275\227\345\251\267/2024.10.17\347\254\254\345\215\201\345\233\233\346\254\241\347\254\224\350\256\260.md"
new file mode 100644
index 00000000..aec1f12a
--- /dev/null
+++ "b/\347\275\227\345\251\267/2024.10.17\347\254\254\345\215\201\345\233\233\346\254\241\347\254\224\350\256\260.md"
@@ -0,0 +1,32 @@
+<h3>行内元素和块级元素的区别：</h3>
+
+行内元素：
+
+* 与其他行内元素并排；
+
+* 不能设置宽、高。默认的宽度，就是文字的宽度。
+
+块级元素：
+
+* 霸占一行，不能与其他任何元素并列；
+
+* 能接受宽、高。如果不设置宽度，那么宽度将默认变为父亲的100%。
+
+<h3>行内元素和块级元素的分类</h3>
+
+从HTML的角度来讲，标签分为：
+
+* 文本级标签：p、span、a、b、i、u、em。
+
+* 容器级标签：div、h系列、li、dt、dd。
+
+从CSS的角度讲，CSS的分类和上面的很像，就p不一样：
+
+* 行内元素：除了p之外，所有的文本级标签，都是行内元素。p是个文本级，但是是个块级元素。
+
+* 块级元素：所有的容器级标签都是块级元素，还有p标签。
+
+
+如果一个元素要浮动，那么它的祖先元素一定要有高度。
+
+有高度的盒子，才能关住浮动。
\ No newline at end of file
-- 
Gitee