很长时间没有看css相关内容，忘的差不多了，回顾一下，重点记录要忘光的内容20230403
css引入方式
1.1 内嵌式：写在任意位置在标签<style></style>中
1. 2 外联式：css写在一个单独的.css文件中,以<link>引入
1. 3行内，写在html的标签里面
文字相关css设置
1. 如果文字仅有一行，将文字行高设置为框的高度，这样就垂直居中
2. 在调试工具中碰到黄色感叹号，证明语法错误！如果看不到属性，就是选择器错误！
3. line-height:xx; display:inline-block;属性
4. background简写：
4.1background-image
5. 元素显示模式：块元素、行内元素、行内块元素
6. 字体简写：font:italic 400 32px 宋体; //有顺序！
8. html标签中p和h 都不要嵌套块状标签，a标签内不能嵌套a标签
9. css三大特性
9.1 层叠性：选择器优先级相同，才能通过层叠性来判断。相同时，就近原则
9.2 继承性：子集可以继承父集属性，能控制字 的都可以继承，不能控制字的都不能继承。a标签继承颜色无效，
h继承字体size、weight无效
9.3 优先级：
10. 盒模型
10.1盒子本身没有指定width/height属性, 则此时padding不会撑开盒子大小。
10.2盒子水平居中的两个条件：①指定了盒子的宽度②margin:auto;
10.3两个盒子左右上下相遇，两个盒子之间的外边距是两者中较大者，而不是两者相加，尽量只给一个盒子设置外边距。
10.4嵌套块元素垂直外边距塌陷，解决方式：相邻块元素仅有一个元素设置外边距。
10.5 CSS3不因为border和padding撑大盒子用： box-sizing:border-box;
10.6清除默认内外边距，京东 * {margin:0;padding:0;} 淘宝 未用通配符，而是列举一堆选择器，之后{margin:0;padding:0;}，用京东的简单一些。
10.7行内标签的margin和padding的垂直不生效。
10.8 子元素的margin影响父元素，为避免此种情况，父元素使用overflow:hidden。(推举)
11. 浮动 标准流：标签的默认排列规则，换行或不换行。也称为文档流，浏览器默认的标签排列规则。
前置概念：伪元素：在dom树中不真是存在的元素 比如 .clearfix::after{} .clearfix::before{}
伪类：DOM树中已有元素的某种状态，比如已经访问过的超链接，鼠标悬停等。
11.1 浮动的标签脱离标准流,不在标准流内占位
11.2 可以覆盖标准流中的元素，但是字体不脱离，属于半脱离状态。
11.3浮动找浮动，顶对齐，在左右两侧，一行可以显示多个，可以设置宽高
11.4 清除浮动：在父元素的最后加入标签<div class="clearfix"></div> 在css中加入 .clearfix {clear:both;} 或者在css中用伪元素法，父标签加类名 clearfix ，css中加入下面的代码。或者在父元素中加入overflow:hidden; （overflow 属性用于控制内容溢出元素框时显示的方式。）双伪元素可以同时解决塌陷。
.clearfix::before,
.clearfix::after{
content:'';
display:table;
}
.clearfix::after{
clear:both;
}
12选择器
nth-child(5)
/* **偶数 */
/* li:nth-child(2n) */
/* ***奇数 *//* li:nth-child(2n+1) { */
/*找到前3个 *//* li:nth-child(-n+3) { */
/* *** 4的倍数 *//*li:nth-child(4n)*/
13定位
属性名：position 属性值：relative absolute fixed
css书写，①定位②浮动③display④盒子模型⑤文字属性
relative: 相对于自身原来位置，位置移动后，原来的位置依然占有，没有脱离标准流。
absolute:找已经定位的父级（广义父级），如果没有定位的父级则以window为定位对象。脱标！具备行内块的特点。
子绝父相
fixed: 元素固定在窗口固定位置，脱离标准流，具备行内块特点。
13.1 定位层级关系
显示层级：标准<浮动<定位
默认情况下，定位的盒子，后来者居上，可以通过加z-index 参数调整
14 decoration 装饰类
14.1 baseline 处理行内、行内块时，按文字处理。vertical-align，三个值 top middle bottom，图片居中也可以使用text-align:center;
14.2行内、行内块，可以转block，处理对齐。
14.3 cursor default point text move
14.4 overflow visible hidden scroll auto
14.5 元素显示隐藏 display:none 显示出来 仅需要非none ;透明度 opacity[oʊˈpæsəti] 1~0之间；边框合并border-collapse:collapse ,属性给table
14.6 小三角 一个div w0 h0 border 一边不透明，其他三个边透明
14.7 input:focus {
background-color:#040404;
}
14.8属性选择器
css中 input[type='text'] { background-color:skyblue;}
HTML中 <input type="text">
<input type="password">
