什么是CSS禁止选中页面内容？
CSS禁止选中页面内容是指通过CSS样式表对网页中的内容进行设置，使得用户在使用鼠标选择文本的时候，无法选中网页中的文字、图片等。
为什么要禁止选中页面内容？
在某些场景下，我们可能需要禁止用户选中页面内容，比如：
保护版权：禁止复制、截图等操作，保证原创内容不被盗用
美观度优化：当文本左右两端有过多空白时，为防止肆意复制、粘贴造成排版混乱，需要禁止用户选择这些空白文本
页面交互：在一些网页应用中，比如模拟器、游戏等，禁止用户选择文本可以增强用户体验
如何实现CSS禁止选中页面内容？
CSS禁止选中页面内容可以通过以下两种方式实现。
使用 user-select 属性
user-select 属性用于控制用户能否选中元素中的文本，其属性值有以下几种：
auto：默认的选中方式，用户可以选择元素中的文本
none：禁止用户选择元素中的文本
text：只能选中元素中的文本
contain：只能选择元素中的部分内容
下面是一个例子：
/* 禁止选中文本 */
body {
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari和Chrome */
-ms-user-select:none; /* IE10+ */
user-select:none;
}
值得注意的是，上述代码对各个浏览器的支持情况是不一定相同的，需要根据实际情况进行调整。
使用 ::selection 伪类
::selection 伪类用于设置用户选中文本时的样式，可以通过将其 color 和 background-color 属性设置为相同的颜色，来禁止用户选择网页中的文本。
/* 禁止选中文本 */
::selection {
color: transparent;
background-color: transparent;
}
禁止选中部分文本
有时候，我们需要禁止选中页面某些文本，而不是整个页面。这时可以在需要禁止选中的元素中，添加 user-select:none 属性，如下所示：
/* 禁止选中部分文本 */
span.no-select {
-moz-user-select:none; /* Firefox */
-webkit-user-select:none; /* Safari和Chrome */
-ms-user-select:none; /* IE10+ */
user-select:none;
}
该代码可以在 HTML 中使用以下代码进行使用：
<span class="no-select">这段文本不能被选中</span>
总结
通过使用 user-select 和 ::selection 等 CSS 属性，可以非常方便地实现禁止选中页面内容的效果。不仅可以保护自己的版权，还可以提高网页的美观度和交互体验。