1. 选择合适的鼠标光标 在有一些触摸屏上我们可能需要隐藏鼠标的光标，比如说播放器的屏幕上，这种情形下隐藏鼠标光标能带来性能方面的提升。 使用cursor: none;可以达到隐藏鼠标光标的效果。 对于一些旧的浏览器可能不支持这些新的光标关键字，可以通过使用老的方式，用一张1 * 1 的透明GIF图片，然后这样做： video { cursor: url(transparent.gif)...
摘要：是干什么的定义轮廓是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。以上是但上说明。但我的理解是，它跟是一样是元素的边框，但是它又有别于他的大小不会计算到元素上，不会影响布局，而是会的。 outline是干什么的 定义outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 以上是但w3c上说明。但我的理解是，它跟border是一样...
摘要：一般我们需要设置一个与浏览器等高并等宽充满全屏，然后设置背景图片来达到一个高大上的排版效果。以前为了达到这样的等高效果，一般通过来获取当前浏览器高度然后动态设置的，有时候还需要不断地检测浏览器事件来不断调整的。 一般我们需要设置一个div与浏览器等高并等宽充满全屏，然后设置背景图片来达到一个高大上的排版效果。具体的例子看下面的图片演示： showImg(https://segmentf...
摘要：方法一为父元素添加方法二同时浮动元素方法三添加非浮动的清除元素定位布局的核心是属性，对元素盒子应用这个属性，可以相对于它在常规文档流中的位置重新定位。绝对定位绝对定位会把元素彻底从文档流中拿出来，然后相对于其他元素默认是定位上下文定位。 1.盒模型 盒模型，就是 浏览器为页面中的每个 HTML 元素生成的矩形盒子。 这些盒子们都要按照 可见版式模型（visual formattin...
摘要：每周前端开源推荐第一期一直以来大家都觉得是一个放在根目录的静态，这个开源库可以让增加动画动态修改图片甚至使用视频摄像头捕捉。体验地址一个类似的前端框架，和不同的是更语义化。 每周前端开源推荐第一期 favico.js Make a use of your favicon with badges, images or videos 一直以来favicon.ico大家都觉得是...
