主站开发小记

1、 子绝父相

子类元素设置了绝对定位，父类元素必须是相对定位

绝对定位 参照物是最近的一个父元素且该父元素定位是relative

目标跟着哪个盒子走就把哪个盒子设置成相对定位，目标设为绝对定位且包裹在该盒子中

2、 移动端适配

移动端布局看设计稿选2x(320、375对应640、750)

选择器优先级 叠加多个选择器比单独写该选择器优先级高

使用@media，覆盖PC样式的时候，同名属性没有重写就不会覆盖，会继承PC端的属性样式。

涉及CSS中，单个选择器，以及复合选择器的权重计算规则，比如：.box #mydiv ul li.txt。通过计算选择器的权重，区别其优先级，判断最终样式的覆盖效果。

参考链接：https://blog.csdn.net/qq_42068550/article/details/89364123

CSS 选择器权重优先级计算规则

https://blog.csdn.net/qq_17402947/article/details/79017015

3、 居中尽量使用margin和flex，少用定位，定位会使元素脱离文档流，造成父元素高度坍塌

4、 CSS样式相关 写背景图background-image的时候下面三个属性成套出现，不要只给个背景图，div设置背景图的时候要先看看背景图长什么样，有无白边，圆角？

background-size: contain/cover/100% 100%;

background-position: center;

background-repeat: no-repeat;

5、 浏览器调整样式

绿色的是内边距，黄色的是外边距

6、 svn解决冲突

更新时与线上代码冲突，这个时候只能一行一行的比对，手动解决冲突。解决冲突之后，去提交代码commit，确保自己代码跟线上一致，不要对线上做改动，当一致时，即冲突解决完毕，刷新即可。