CSS
单眼皮的小熊
这个作者很懒,什么都没留下…
展开
-
flex布局
布局的传统解决方案,是基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局有时候不方便,比如一个盒子中左边一块固定宽度,右边的自动填充。2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 任何一个容器都可以指定原创 2018-01-15 22:45:06 · 582 阅读 · 0 评论 -
新手玩CSS中的一些黑科技
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,转载 2017-08-09 23:37:07 · 391 阅读 · 0 评论 -
footer底部问题
在我们编写页面时,有时会遇到内容不足时,想固定底部的东西会上移了。其实我们想要达到的效果是,内容不足时,固定在底部,内容多时跟着页面会撑到下面去(好像有点绕,不知道说清楚没,下面看效果)首先页面布局(固定套路):div class="wrapper "> div class="main"> div>div>div class="footer">原创 2018-01-21 18:59:20 · 458 阅读 · 0 评论 -
css小技巧
1.多行文字垂直居中:div> span>随便写点什么拿来测试span>div>div{ width: 100px; height: 100px; margin: 100px auto; border: 1px solid #000; display: table;}span{ line-height: 20px;原创 2018-02-06 22:43:49 · 230 阅读 · 0 评论