用CSS3动画特效实现弹窗效果(2)
CSS3特殊效果 CSS3为用户添加了三个特殊效果的处理方式：过渡、动画、变化。当用户和界面元素交互时，使用这些特殊样式可大大改善用户的体验效果。这些效果直接由浏览器引擎处理，可以节省开销。尽管如此，它们也会耗费大量的处理能力，尤其是一些复杂的WEB页面上。即使是最基本的效果，也是如此。本篇的目的只是熟悉下这三种CSS处理效果，不推荐在实际系统中大篇幅使用。 温馨提示：请谨慎大篇幅使用这些特殊效果。 另外一方面，由于在C
丝画阁 阅读:1076评论:82018-10-11 23:08:05
Bootstrap 手机屏幕自适应的响应式布局开关
Bootstrap提供了一套响应式布局的解决方案。但是有时候我们需要自己控制是否需要这个响应式布局。 在3.x的bootstrap里面，如果想要开启，需要添加下面的东西： [html] <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 如果移动设备浏览器里
丝画阁 阅读:1052评论:82018-06-20 14:33:20
前端开发 CSS中你所不知道的伪类与伪元素的区别
做过前端开发的人都熟悉伪类与伪元素，而真正能够彻底了解这二者的区别的人并不多。伪类与伪元素确实很容易混淆。 伪元素主要是用来创建一些不存在原有dom结构树种的元素，例如：用::before和::after在一些存在的元素前后添加文字样式等，这些被添加的内容会以具体的UI显示出来，被用户所看到的，但是他们并不存在与dom结构中。CSS3中建议使用::表示伪元素，如：div::before 伪类表示已存在的某个元素处于某种状态，但是通过dom树又无法表示这种状态，就可以通过伪类来为其添加样式。例如a元素的:h
丝画阁 阅读:1047评论:82018-01-21 00:02:45
你如果知道这些css常用命名，绝对事半功倍！
对于布局，即用.g-作为前缀，通常有以下推荐的写法 对于模块，即.m-作为前缀。元件，.u-作为前缀，通常有下面推荐的写法。 对于功能，即以.f-为前缀，通常推荐如下： 对于颜色，即以.s-为前缀，通常推荐如下： 对于状态，即以.z-为前缀，通常推荐如下：
丝画阁 阅读:1038评论:82018-01-20 23:59:24
使用 CSS 追踪用户
我们可以用它来做什么 我们可以收集关于用户的一些基本信息，例如 屏幕分辨率（当浏览器最大化时）以及用户使用的什么浏览器（引擎） 此外，我们可以监测用户是否点击某个链接或鼠标悬停在某个元素上，用来 追踪用户悬停的链接，甚至可以 追踪用户如何移动鼠标（在页面使用不可见的字段），然而，使用目前我的方法只能追踪用户的第一次点击或悬停，我相信，修改我的方法最终可以实现追踪用户的每次点击 最后，我们还可以监测用户是否安装了某个特殊的字体，基于这个信息，我们可以追踪用户使用的 操作系统，因为不同操作系统使用的字体也稍有不同，例如 Windo
丝画阁 阅读:967评论:82018-01-20 23:01:31