每日一练 css-背景图移动方式（attachment） 文本选取控制（user-select）
background-attachment
前提是定义了background-image属性，然后用 background-attachment来指明背景图的位置是固定于 视口的， 还是随着包含块移动的。可简单理解 为定义背景图片随滚动轴的移动方式。
取值：
scroll:默认值，背景图相对于元素固定，背景随页面 滚动而移动，即背景和内容绑定。
fixed：背景图相对于视口固定，所以随页面滚动背景 不动，相当于背景被设置在了body上。
local：背景图相对于元素内容固定，
inhert:继承，没什么说的。
user-select
none：
文本不能被选择
text：
可以选择文本
all：
当所有内容作为一个整体时可以被选择。如果双击或者 在上下文上点击子元素，那么被选择的部分将是以该子 元素向上回溯的最高祖先元素。
element：
可以选择文本，但选择范围受元素边界的约束
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>user-select_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style>
.test{padding:10px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;background:#eee;}
</style>
</head>
<body>
<div class="test" onselectstart="return false;" unselectable="on">选择我试试，你会发现怎么也选择不到我，哈哈哈哈</div>
</body>
</html>
