css新手向的知识点<一>

margin自动合并

代码 显示

当设置margin为10px时,按理来说div之间应该是20px的空隙,但是实际上却是10px,这是因为css会合并相同类型的margin.如何要让margin不被合并呢,需要中间用其他内容隔开.

代码
显示

代码选中行0.1px会被自动四舍五入为0(但是直接写0不行),实际上被隔开了.还可以让选中行div的display为table或者flex

垂直居中时最好不要写父元素的高度

image.png

应该要尽量避免出现设置父元素高度且要垂直居中的情况,如图所示,可将其凑成同样高度.设置padding形成居中.

css 各种工具的应用

google一下

• css gradient generator 渐变生成器
• css box shadow generator 阴影生成器
• animate.css 各种动画效果