first commit

历届学生/fontendsix/每日课程/2021-10-19/笔记.txt

@@ -0,0 +1,125 @@
+css：
+
+三种写法
+
+  内联
+
+  内部
+
+  外链
+
+ 
+
+ 语法：
+
+   css属性名称: css属性数值;
+
+
+ 选择器：
+
+   class（类） .   选择器  class="test"  .test
+   id（）选择器 #   id="test"   #test
+
+   区别：
+     1: id选择器的优先级高于class选择器
+     2：id选择器是用来标识唯一性的，一般不会去重复使用
+
+
+   * （通配符）选择器  选中所有的标签，来设置你的样式
+
+   标签 选择器
+
+
+   选择器类型, 选择器类型, 选择器类型, ..... {
+       css属性名称: css属性数值;
+   }
+
+
+   伪类选择器
+     
+
+
+  父 选择器类型   子 选择器类型  :  表示父子嵌套
+
+   选择器类型, 选择器类型  ：同时选中多个
+     
+   
+
+../ 表示当前文件夹的上一层
+./  表示当前文件夹
+/   表示根路径
+
+
+css属性记录：
+
+  !important  提升css属性的优先级
+
+
+nth-child (): 
+使用公式（an+ b）.描述：a代表一个循环的大小，
+N是一个计数器（从0开始），以及b是偏移量。  
+
+
+
+盒子模型：
+
+  外边距  margin
+  内边距  padding
+  边框    border
+  内容    content
+
+  真实高度的计算规则：
+
+   真实高度 = 你写的宽高 + 边距 + 边框
+
+  box-sizing: border-box;  改变盒子模式的计算规则 
+
+
+把块元素放一行：
+
+ 1：display: block;  
+     block 块
+     inline 行
+     inline-block 行内块级
+
+ 2：浮动 float    
+    left
+    right
+
+    问题：元素设置浮动后，将从文档流中脱离，他原本位置被删除，会导致父元素没有高度，
+    那么紧接着在父元素后面的内容，就会挤过去。 
+
+      解决：    
+        clear: both;  加在 父元素后面的内容
+        overflow: hidden;  加载 父元素上，自动设置高度
+        height  手动设置高度
+
+
+       
+line-height: 行高  只针对块标签 
+
+  设置文本段落的垂直行高
+
+  设置当行文本的垂直居中
+
+
+居中的各种方式
+
+ 1：一个具有宽度块标签想在另外一个元素内部居中
+    margin: 0 auto;
+
+ 2：单行文本的居中line-height，数值应该是你想要居中的父元素的高度
+
+ 3: 被定位的元素如何设置垂直水平居中？
+    移动50%，然后 margin 减去自身宽度或者高度的一半
+
+    top: 50%;
+
+
+    margin-top: calc(-12px / 2);
+    选择一个，一般都是下面的
+    transform: translateY(-50%);
+
+ 4: 元素内部的文字水平居中，可以使用text-align: center;   
+
+ 5: 设置两个行内标签的对齐，选中高的元素 设置 vertical-align