文档章节

CSS 有哪些暖心却鲜为人知的属性?

兔先森的小沫儿
 兔先森的小沫儿
发布于 2016/01/28 10:06
字数 413
阅读 3
收藏 0

        user-modify 

css版的contenteditable
使用方法:

user-modify: read-only;user-modify: read-write;user-modify: write-only;user-modify: read-write-plaintext-only;

其中read-only为默认值,write-only是来搞笑的,read-write和contenteditable="true"效果一致,read-write-plaintext-only和contenteditable="plaintext-only"效果一致(没错这属性还有这个值但是还是草案中)。
至于兼容性么,就跟这玩意儿为人所知的程度一样,贫乏得可怜,目前IE浏览器不明,FF只支持前三个属性,Chrome高版本可以全部支持,但是全都要加上私有前缀。
适用场景的话,大概就是contenteditable的css版,想要做高度自适应的文本编辑框,又不想在粘贴复制的时候把html给复制进去。生产环境还是老老实实用js来搞吧。


        pointer-event

最常用的属性:

pointer-event: none;

这个属性的作用就是把元素变成“幻影”(逼格很高有没有),看得见却摸不着。
这属性曾经火过一阵,起因是国外某推主说在页面滚动时给body加上这个属性能够禁用hover从而有效提高FPS,还给出了相关测试数据。但是在各位网友的质疑和测试下发现实际效果不如数据展示的那么美好,一是各家浏览器都有针对滚动时指针hover的优化,二是这个属性会导致页面无法响应触屏,后来就不了了之了。
现在还在使用的场景大概只剩下通过pointer-event:none加上去除href属性来360度无死角的禁用a标签这一项了吧。


本文转载自:https://www.zhihu.com/question/39817183/answer/83264065

共有 人打赏支持
兔先森的小沫儿
粉丝 0
博文 20
码字总数 12000
作品 0
郑州
爱创课堂每日一题九十九天- 行内元素有哪些?块级元素有哪些? 空(void)元素有

CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是...

全栈web笔记
01/31
0
0
爱创课堂每日一题九十六天- 行内元素有哪些?块级元素有哪些? 空(void)元素有

1)CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,...

全栈web笔记
01/27
0
0
前端新人关注的Web前端饱和性分析?前端面试必知必会的十点!

现在前端市场是不是已经饱和了?巴巴巴巴巴...... 还有:XXX行业是否已经饱和? angular1.5是不是已经被淘汰? 前端还有前途吗? bootstrap为什么被称为垃圾框架?等等等 不是博主不友好,只...

web前端05
06/15
0
0
前端知识 | CSS小技巧-自适应椭圆

背景知识: border-radius 属性的基本用法。 难题: 你可能注意到过,给任何正方形元素设置一个足够大的 border-radius,就可以把它变成一个圆形。所用到的 CSS 代码如下所示: 图1.1给元素设...

海说软件
06/26
0
0
CSS样式有哪些常用的属性?

一般的一个DIV的CSS设置属性有:margin,padding,width,height,font-size,text-align,background,float,border CSS样式有哪些常用的属性 附:《 css样式属性大全(中文注释)》 一 CSS文字属性...

inw3cschool
2017/05/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

70.shell的函数 数组 告警系统需求分析

20.16/20.17 shell中的函数 20.18 shell中的数组 20.19 告警系统需求分析 20.16/20.17 shell中的函数: ~1. 函数就是把一段代码整理到了一个小单元中,并给这个小单元起一个名字,当用到这段...

王鑫linux
今天
0
0
分布式框架spring-session实现session一致性使用问题

前言:项目中使用到spring-session来缓存用户信息,保证服务之间session一致性,但是获取session信息为什么不能再服务层获取? 一、spring-session实现session一致性方式 用户每一次请求都会...

WALK_MAN
今天
5
0
C++ yield()与sleep_for()

C++11 标准库提供了yield()和sleep_for()两个方法。 (1)std::this_thread::yield(): 线程调用该方法时,主动让出CPU,并且不参与CPU的本次调度,从而让其他线程有机会运行。在后续的调度周...

yepanl
今天
4
0
Java并发编程实战(chapter_3)(线程池ThreadPoolExecutor源码分析)

这个系列一直没再写,很多原因,中间经历了换工作,熟悉项目,熟悉新团队等等一系列的事情。并发课题对于Java来说是一个又重要又难的一大块,除非气定神闲、精力满满,否则我本身是不敢随便写...

心中的理想乡
今天
33
0
shell学习之获取用户的输入命令read

在运行脚本的时候,命令行参数是可以传入参数,还有就是在脚本运行过程中需要用户输入参数,比如你想要在脚本运行时问个问题,并等待运行脚本的人来回答。bash shell为此提 供了read命令。 ...

woshixin
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部