随笔分类 - css
摘要：1.rem简介 rem是CSS3中新增加的一个单位值，他和em单位一样，都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算；rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。 2.rem兼容性 re
阅读全文
摘要：calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起cal
阅读全文
摘要：在使用jQuery的hover事件时，经常会因为鼠标滑动过快导致菜单不停闪动的情况，相信很多朋友都遇到过自己做的纵向下拉菜单不停的收缩，非常的讨厌。今天在给一个网站设计菜单时也遇到了这个情况，结果在百度上找了N久，没有找到解决方法。在这里吐槽一下，百度太2了，收录的内容都没什么价值，最后还是在goo
阅读全文
摘要：这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性，美化的效果非常好。 安装 可以使用npm和bower来安装该slider插件。 npm install boot
阅读全文
摘要：在这个年代，你要是不懂一点点css3的知识，你都不好意思说你是个美工。美你妹啊，请叫我前端工程师好不好。呃。。好吧，攻城尸。。。呵呵，作为一个攻城尸，没有点高端大气上档次的东西怎么能行呢，那么css3的动画就绝对是值得你拥有了，虽说IE9以及更早版本的IE浏览器都不支持css3动画，但是IE6-8浏
阅读全文
摘要：单纯用css是解决不了这个问题的，需要js的辅助 先定义css .alpha { height: 100%; overflow: hidden; position: relative; } .alpha body { height: 100%; overflow: hidden; } 当你遮盖弹出的
阅读全文
摘要：今天在工作中刚接触到了微信社区相关的开发工作，测试的时候发现，动态生成元素的点击事件在andriod设备上可以触发，而在apple移动设备上却无法触发。好奇的我赶紧百度了下，很快就在stackoverflow上找到了我需要的答案。 方法很巧妙，就是给需要绑定事件的元素添加一个css cursor:
阅读全文
摘要：这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章， 题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字 体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为： 1...
阅读全文
摘要：CSS制作立体导航 Home About Me Portfolio Blog Resources Contact Me
阅读全文
摘要：display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间...
阅读全文
