美文网首页
css新手向的知识点<一>

css新手向的知识点<一>

作者: Nelson_sylar | 来源:发表于2018-11-12 10:48 被阅读0次

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 各种动画效果

相关文章

网友评论

      本文标题:css新手向的知识点<一>

      本文链接:https://www.haomeiwen.com/subject/dqlqfqtx.html