天天上网，看到好的文章、图片什么的就想随手保存下来。但是有些页面加了保护，不让你复制，比如某宝，某文库……

程序员说了，页面都加载到你本地电脑了，怎么弄还不随你？

简单一行代码搞定。

打开浏览器开发者选项，给html中的body加一行代码：

style="user-select: auto;"

完美解决问题。

如果你不会代码，或者觉得太麻烦了。ok，装个浏览器插件，让他帮你完成。如下

这里我工作中收集了10个很不错的CSS技巧，你可以用在你的项目上。它可以帮你很好地整理你的元素并让他们看起来蛮酷的。下面开始我们的内容，希望你会喜欢它。下面是我收集的CSS技巧，希望能帮助到你，感觉收藏吧。

1. 黑白图像

这段代码会让你的彩色照片显示为黑白照片，是不是很酷？

img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
}

经常在网上查阅资料的人可能会碰到一种情况：好不容易找到了自己想要的资料，无奈复制不下来！

既然是人写的网页，那必然是在里面加入了限制才让你不能复制其中的内容。我们来看看是加了什么东西：其实都不用js代码，只要几行css就能实现禁止复制功能了。代码如下：

body{-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;
}

本人生性愚钝，好多css用法记不住，每次用到的时候都要去查一查，哎！只好在头条里记下来，每次需要的时候找出来，一个字“好找”。废话不多讲，直接开练：

1、outline（input获取焦点后出现边框）

/*一般设置成 none*/

textarea:focus, input:focus{

outline: none;

}

2、contenteditable（规定元素内容是否可编辑）

在CSS3增强用户界面的新属性中，提供了一个名为appearance的属性。该属性的大部分取值主流浏览器是不兼容的，但是仅有的两个取值一定有很强的用途。本篇文章小海前端（头条号）就为大家来介绍该属性的用法，并通过一个简单的实例结合上一篇文章中讲到的几个CSS3属性来学习它们的综合用法。

承接文章：

Javaweb

在我们日常的javaweb开发过程中呢，会经常遇到获取表单中的下拉菜单中的value以及他的text，下面我来教大家两种方法。（推荐第二种哈~，希望大家多多评论点赞呀，上一篇文章中，各位猿媛光想着收藏，都看不到你们给我写的评论，桑心~~）

假如我们的select长这样：

<select id="myselect">