css

最开始用来写文章打印文章，然后要什么功能就加什么功能，导致各功能之间很多时候靠直觉
一、会各个属性之间相互影响

CSS1.PNG

图中三个块块的margin合并了，上下之间20px；实际就合并成了10px；

CSS2.PNG

可以通过之间加border，就不合并了

css3.PNG

display:table；display：inline-block和display:flex； overflow：hidden；padding也可以
原因呢：没有原因。怎么学，天天试

display会影响列表前面的小圆点,默认的出现原点的diapaly：list-item

c0.PNG

然后改成其他的就不可以了哦，比如display：inline(block)

c1.PNG 那个加了position：absolute就会影响它的display，如果你设置的display是inline或者inline-block，那么在实际应用中直接被它改成block（内联的改掉） c9.PNG

二、会各个元素之间相互影响
元素中的position：fixed会被它的父亲元素中的transform影响，不能正常的以当前窗口定着，而是相对于父元素。。。迷

float元素原来就是为了图文更好搭配出现的，不影响如图中的白色block，但是会影响里面的文字元素，字会自动跑到图边上环绕它

c8.PNG

常用套路

s1.PNG s2.PNG s3.PNG

要避免父元素高度确定的情况，一般从内部利用padding什么的撑起来很好了

s4.PNG

一般常用这3种，其他几种炫技的。。