CSS3的user

文章简介:CSS3控制无法选择文本。

有时候大家想让你的用户无法直接从页面中copy你的内容,做起来好麻烦的,CSS3的“user-select”帮你实现这样的效果,请看一段简单的代码:

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none; } 

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css3
none
css3 user select、css3和css的区别、css3的新特性、css3 漂亮的列表样式、css3支持的浏览器,以便于您获取更多的相关知识。

时间: 2024-09-20 00:00:09

CSS3的user的相关文章

使用CSS3实现的超酷幻灯图片效果

  在线演示 这个教程将介绍如何使用纯CSS创建一个干净的幻灯图片面板.主要想法是在面板中使用背景图片,然后在点击标签后使之动画. HTML标签 HTML主要包括了3个主要部分:radio按钮和标签,容器,及其标题,如下: <section class="cr-container">     <!-- radio buttons and labels -->  <input id="select-img-1" name="ra

惊现CSS3 filter

看了一篇文章,才开始知道原来不止IE才有filter,原来CSS3也有.这篇文章的链接:http://www.xuanfengge.com/css3-grayscale-black-and-white-filters.html 哈哈,顺便说一下,它的导航很酷哦,可以在上面弹钢琴. 首先,我先说它的兼容性.目前,似乎只有webkit支持(参考其它文章),其它内核通通不能实现.但是,不要被吓跑了,功能很强大滴,我觉得有了它PS的有些功能就可以不用啦. 然后,马上写了个demo体验了下.filter的

CSS复合选择器:css3让我们选择元素变得越来越简单

文章简介:使用css的类名交集复合选择器. 首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括"交集"选择器."并集"选择器."后代"选择器. 交集选择器 "交集"复合选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集.其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器.这两个选择器之间不能有空格,必须连续书写. 注意其中第一个必须是标记选择器,如

CSS3教程:使用@font

文章简介:我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常在用户的电脑中是没有安装的,所以用font-family属性就无法实现了,今天我们就介绍使用@font-face实现个性化字体. 在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体.我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常在用户的电脑中是没有安装的,所以用font-family属性就无法实现了,今天我们就

CSS3灵活的盒子模型(Flexible Box Module)

CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置.详细的说明可以看这个文档. 通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处.在这篇文章中,我的所有例子都基于以下 HTML代码: 以下为引用的内容: <body> <div id="box1">1</div> <div id="box2">2</div> <

用CSS3编程模仿iPhone中的返回按钮

  好像写这个有点晚了,iOS已经从拟物化的年代进化到了扁平化的年代,那些圆角+渐变+阴影的年代已经过去,不过在此仍然要去说下古老的iOS返回按钮. 在过去的年代,大家都以iOS的设计元素为自己移动版页面的设计元素;当中自然少不了经典的返回按钮,看着似乎非常简单的一个返回按钮,但是就是没有啥办法能用代码写出来似的,那个讨厌的三角箭头只能让前端工程师无奈的使用一张图片来拼接(如淘宝.天猫.百度.美团都是图片处理方式);或者就根本不用那个按钮(如Yahoo.Google.Facebook根本就不用)

CSS3教程:Responsive框架常见的Media Queries片段

文章简介:Responsive中的断点都依赖于CSS3的Media Queries来决断.曾在CSS3 Media Queries模板.使用em单位创建CSS3的Media Queries和iPads和iPones的Media Queries有过这方面的介绍. Responsive设计在现代Web设计中可谓是越来越流行,但很同学们并未理解其真正的设计概念,往往把Responsive视为一种自适应布局.当然有很多同学也在尝试动写Responsive的案例,但如何取其断点左右纠结,如何设置哪几个断点

CSS3和HTML5网页设计:响应式网页图片设计

文章简介:HTML5与CSS响应式图片. 随着 Retina 屏幕的逐渐普及,网页中对图片的适配要求也越来越高.如何让图片在放大了两倍的 Retina 屏幕显示依然清晰,曾经一度困扰着网页开发者,好在 CSS3 与 HTML5 已经着力在改变这种现状.那么到底什么是响应式图片呢? 什么是响应式图片? 响应式图片是指:用户代理根据输出设备的分辨率不同加载不同类型的图片,不会造成带宽的浪费.同时,在改变输出设备类型或分辨率时,能及时加载对应类型的图片. CSS 响应式图片 对于很多 IOS 开发者来

Photoshop图层转CSS3代码之神器-CSS3Ps插件

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 人生为棋,我愿为卒,行动虽慢,可谁曾见我后退一步.技术永无止境,只有想不到,没有做不到. 近期又做了个微信上手机触屏版的项目, 完工后总结了一些经验,无意中发现Photoshop里一些渐变.投影.内阴影的效果转化成CSS3如此之简单,那就是神器CSS3Ps插件.让我眼前一 亮啊.好啦,不卖关子了,进入正题,下面是我翻译CSS3Ps插件官网一篇

献给网页设计师的HTML5/CSS3/JS便捷工具

  是时候为网页设计师的来一组便捷的辅助工具了.日新月异的网页技术革新催生了大量的设计与开发工具,HTML5/CSS3几乎成了设网页设计师的必修课,而强大的JS也为网页提供了更多的可能性.尤其是HTML5,作为一门极为有用且实用的标记语言,它赋予网页设计师创造更优秀网页的可能. 这也是为什么,身为网页设计师的你需要不停地了解最新的技术趋势和新兴工具,这些全新的库.框架.插件和技术能让你的网页如虎添翼. HTML5使得设计师和开发者在各个不同领域都比之前更强大了.快速,漂亮,安全,响应式,这些特性