首页 > 代码库 > 自定义被选中文字的背景色

自定义被选中文字的背景色

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>自定义被选中文字的背景色</title>
<style type="text/css" media="all">
body { line-height:2em;}
::selection {
color:#FFFFFF;
background-color:#E84893;
}
::-moz-selection {
color:#FFFFFF;
background-color:#E84893;
}
</style>
</head>

<body>
如何理解响应式设计(RWD)
<div style="width:960px; height:auto;">
<h1>1. 如何理解响应式设计(RWD)</h1>
<p>学究一些,首先大家先了解一下响应,然后再讲一下设计,响应就是我发出的请求能得到什么样子的回复,比如我说“你好”,你会很容易的给我回复“你 好”,因为大家都是中国人,如果我说“hello”,我们这代人如果上过初中,他也会给我说“Hello”,但是如果我给对你说“Bonjour”,那可 能只有高配的人才可能知道了。这里面,就举了一个例子,我的应答对象就相当于我们要讲的响应式的设备,他必须能够解析我发给他的需求。然后咱们再讲一下设 计,设计的官方解释是这样的:<br /><br />
1.设下计谋。<br /><br />
2.根据一定要求﹐对某项工作预先制定图样﹑方案。<br /><br />
3.指搞设计工作的人。<br /><br />
直白的讲,设计其实就是设了一个计,来完成我们的需要的工作目标。<br /><br />
从前面我们讲的响应可以看到,响应是双方的,是互动的过程,在这个过程中我们要考虑双方的承受能力,比如我们总不能让小孩子扛大包。在咱们网页设计 方面就是咱们要考虑设备的性能,从网速、Dom 节点数量、屏幕的大小等等,如果我们从前后端结合,对小孩子给糖果,给苦力大包,那样就做到了响应式。<br /><br />
但是,我下面讲的响应式是狭隘的,我们只是从 Web Builder 这一层做到了响应式。
<span>自定义被选中文字的背景色:css之selection</span>
</p>
</div>
</body>
</html>