first commit

历届学生/front-end-team-10/每天课程/2023-02-08/笔记.txt

@@ -0,0 +1,94 @@
+css 写法
+  三种：
+
+    内部写法（写在开始标签内部的）
+    <p style="color: blue;">这是测试文字</p>
+    优先级最高
+
+    !important 提示css属性的优先级
+
+    内联写法（写在head里面的）
+
+    外链写法（单独一个css文件）
+
+
+基本写法：
+
+选择器 {
+    属性名: 属性值  （可选 !important）
+}
+
+组合写法：
+    选择1 选择器2: 选择 标签1 中 的 标签2  简写：嵌套关系
+    选择1 > 选择器2: 选择 父标签为1 中 的 2标签  简写：嵌套关系 
+
+    选择1,选择器2: 同时选中 标签1和2
+
+    选择1+选择器2: 选中 紧跟在 标签1 后面 的标签2
+
+
+
+选择器: 找人的一种方式
+
+  标签选择器
+
+
+  给标签取个名字
+    类选择器 class （简写 . ）
+    id选择器 简写 #
+      这个名字是这个网页唯一的
+
+
+  * 通配符选择器
+    一般用来清除 标签 的 默认样式
+
+
+  伪类选择器
+    :hover
+    :focus
+
+    :before
+    :after
+      
+
+
+路径写法：
+  
+   绝对路径
+
+   相对距离
+
+     ./ 当前路径开始寻找
+     ../ 从当前位置返回上一级开始寻找
+     /  从当前路径的开始位置开始寻找
+     
+
+
+
+
+css属性学习：
+
+  display:    可以隐藏显示元素，将块 和 行 进行 相互转换
+     inline-block  同时具有 行标签 放在一行的特性，还具有块标签可以设置宽高的特殊
+     inline  行标签
+     block   块标签
+     none   隐藏元素
+
+  text-decoration: none;  清除下划线
+  text-shadow：13px 6px 2px #f00 文字加阴影   
+  font-size: 30px;    设置字体大小
+  font-weight: bold;  加错
+  color: red;   设置颜色
+  background: red; 设置背景色
+  text-align: center;  文字在父元素的宽度内部居中
+  opacity: 0 ~ 1;       设置透明度
+
+  line-height 垂直居中  数值和父元素的高度一样
+    注意：只针对单行文字
+          父元素内部子元素的居中方式
+
+  vertical-align 垂直居中  
+  letter-spacing: 3px;  字符之间的间距（x轴）  
+
+
+