利用css中的user-select属性和html的unselectable属性禁用IE、火狐、谷歌和IOS等浏览器选中文字： HTML代码 pSelectable text./pp unselectable="on" class="noselect"Unselectable text./p CSS代码 .noselect { -webkit-touc
前段时间，到网上找素材时，看到了一个很个性的滚动条式，打开Chrome的调试工具看了一下，发现不是用JavaScript来模拟实现的，觉得有必要折腾一下。于是在各大浏览器中对比了一下，
网上提供有很多关于JavaScript动态创建 style 节点的方法，但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点，博客园 stephenykk 写了下面的文章： 静态
今天在浏览网站时，发现一个网站的滚动条非常好看，就查看了它的css代码，找到了在WebKit浏览器下自定义滚动条样式的代码，抄在下面，方便下次查找： ::-webkit-scrollbar{width:10px;heig
经常看到bootstrap等框架的按钮禁用时，鼠标移动到上面，会显示类似下面的禁用的鼠标样式： 使用方法非常简单： .btn{cursor: not-allowed;} 但是，这里必须说明：跟pointer-events同时使用会影
在做打印出来的设计作品时，经常会用到300分辨率、xx厘米等这些东西，那么，分辨率、厘米、像素之间是什么关系，如何转换呢？ 一张图片的打印出来的实际尺寸是由电子图片的像素
我们在做网站的时候，可能有时候不希望用户拖拽选中或使用键盘的ctrl+a选中一些重要的内容，下面的代码可以禁止整个页面或者某个容器内容文字被选中： -webkit-touch-callout: none;-webk
css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。本文详细介绍了从css1-css3的几乎所有常用选择器，包括
