css
拂晓dawn
这个作者很懒,什么都没留下…
展开
-
CSS揭秘--笔记--扩大可点击区域
根据Fitts法则,可以得出:目标越大,越容易到达。因此,对于那些较小的,难以瞄准的控件来说,如果不能把他的视觉尺寸直接扩大,将其可点击区域扩大也能提高用户体验。1 设置一层透明边框border:10px solid transparent;background-clip:padding-box;2 使用伪元素 我们可以在按钮的上层覆盖一层透明的为元素,并让伪元素在4个方向上都比宿主元素大but转载 2016-12-10 21:41:18 · 1437 阅读 · 0 评论 -
css揭秘--笔记--垂直居中
css揭秘第40个小技巧整篇文章所使用的的结构代码如下:<main> <h1>an i center yet </h1> <p>center me !please</p><main>1 基于绝对定位的解决方案main{position:absolete;top:50%;left:50%;height:6em;width:18em;margin-top:-3em;margin-原创 2016-11-20 12:10:54 · 368 阅读 · 0 评论 -
CSS揭秘--笔记--紧贴底部的页脚
body元素内的结构代码如下<header>***</header><main>***</main><footer>***</footer>1 对body元素设置样式body{ display:flex; flex-flow:column; min-height:100vh;}2 对main容器设置样式main{ flex:1;}转载 2016-12-17 20:53:23 · 446 阅读 · 0 评论