单眼皮的小熊

布局的传统解决方案，是基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局有时候不方便，比如一个盒子中左边一块固定宽度，右边的自动填充。 2009年，W3C 提出了一种新的方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 任何一个容器都可以指定

1、鼠标移进网页里，不见了= =*{ cursor: none!important; }2、简单的文字模糊效果*{ color: transparent; text-shadow: #111 0 0 5px; } 3、多重边框div { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0,

在我们编写页面时，有时会遇到内容不足时，想固定底部的东西会上移了。其实我们想要达到的效果是，内容不足时，固定在底部，内容多时跟着页面会撑到下面去（好像有点绕，不知道说清楚没，下面看效果） 首先页面布局（固定套路）： div class="wrapper "> div class="main"> div> div> div class="footer">

1.多行文字垂直居中： div> span>随便写点什么拿来测试span> div> div{ width: 100px; height: 100px; margin: 100px auto; border: 1px solid #000; display: table; } span{ line-height: 20px;