摘要：一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline- 阅读全文

摘要：/* 绝对居中 */ /* 方法一: */ .parent{ display: flex; justify-content: center; align-items: center; } /* 方法二 */ .parent{ width: 100px; height: 100px; position 阅读全文

摘要：纯 CSS 实现波浪效果 在进入正题前，我们先复习下，使用 CSS 实现波浪，如果不是在镂空的文字内，而是在一个 div 容器内，可以使用滚动大圆的方式，类似于这样： 容器应用 overflow: hidden，就能得到这样的效果： 对这个技巧还不理解，可以猛击这篇文章：纯 CSS 实现波浪效果！ 阅读全文

摘要：body,div,p,table,tr,th,td,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,button,textarea,blockquote { margin:0; paddin 阅读全文