一些实用却很少用到的css以及标签

1、p:first-letter
p标签里的第一个字设置样式

p:first-letter
{font-size:200%;
color:#8A2BE2;
}

<p>My best friend is Mickey.</p>

2、p:first-line
p标签里的设置第一行样式

3、:not（p）
设置非 p元素的所有元素的背景色

4、<hr>

被水平线分隔的标题和段落

5、CSS里的pointer-events属性
本文要说的pointer-events的风格更像JavaScript，它能够：

阻止用户的点击动作产生任何效果
阻止缺省鼠标指针的显示
阻止CSS里的hover和active状态的变化触发事件
阻止JavaScript点击动作触发的事件
一个CSS属性能做所有的这么多事情！

这个pointer-events属性有很多可以使用的属性值，但大部分都是针对SVG的：auto, none, visiblePainted*, visibleFill*, visibleStroke*, visible*, painted*, fill*, stroke*, all*, 以及 inherit。其中none值能阻止点击、状态变化和鼠标指针变化：

.disabled { pointer-events: none; }
一些需要注意的关于pointer-events的事项：

子元素可以声明pointer-events来解禁父元素的阻止鼠标事件限制。
如果你对一个元素设置了click事件监听器，然后你移除了pointer-events样式声明，或把它的值改变为auto，监听器会重新生效。基本上，监听器会遵守pointer-events的设定。

6、touch-action
CSS属性 touch-action 用于设置触摸屏用户如何操纵元素的区域(例如，浏览器内置的缩放功能)。

7、https://blog.csdn.net/shenxianhui1995/article/details/109113462
safe-area-inset-left：安全区域距离左边边界距离
safe-area-inset-right：安全区域距离右边边界距离
safe-area-inset-top：安全区域距离顶部边界距离
safe-area-inset-bottom：安全区域距离底部边界距离
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);

一些实用却很少用到的css以及标签相关推荐

几个超级实用但很少人知道的 VS 技巧[更新]
大家好,今天分享几个我知道的实用 VS 技巧,而这些技巧我发现很多人都不知道.因为我经常在工作中遇到:我在同事电脑上解决问题,或在会议上演示代码示例时,使用了一些 VS "骚"操作 ...
长知识了！这8个很少用但却很实用的 Python 库真棒！
欢迎关注 ,专注Python.数据分析.数据挖掘.好玩工具! 本文介绍一些我们可能很少听过,但是对于特定问题或者特定任务来说,却非常实用的工具包,文末提供技术交流群,欢迎大家一起学习讨论. 为了配合上 ...
Unix / 类 Unix shell 中有哪些很酷很冷门很少用很有用的命令？（转）
著作权归作者所有. 商业转载请联系作者获得授权,非商业转载请注明出处. 作者:孙立伟链接:http://www.zhihu.com/question/20140085/answer/14107336 ...
php强大的函数,PHP中一些功能强大却很少使用的函数
本文主要介绍了PHP中功能强大却很少使用的函数,结合实例形式总结分析了php中非常实用的几个函数,包括函数的调用.注册.调用.判断等操作技巧.需要的朋友可以参考下,希望对大家有所帮助. 具体如下: c ...
enfp工具箱怎么用_5个很少人知道的黑科技工具箱，功能奇妙，一个顶十个用
原标题:5个很少人知道的黑科技工具箱,功能奇妙,一个顶十个用平时我们上网或者在使用手机的时候,是不是因为各种各样的操作需要下载很多各式各样的软件?今天要来说说5个实用的黑科技工具箱,手机端网页端都有 ...
linux usb3.0 hub打印,剖析真相为什么键盘很少带USB3.0 HUB
1为什么键盘的 USB HUB依旧为2.0 [中关村在线键鼠频道原创]键盘作为人们日常办公必不可少的工具,他的出现给人们带来了便捷的操控体验,并且随着键盘技术的不断发展,多媒体影音快捷键的出现.USB ...
世界上有哪些代码量很少，但很牛逼很经典的算法或项目案例？
来自公众号:五分钟学算法今天分享四个代码量很少,但很牛逼很经典的算法或项目案例. 1.no code 项目地址: https://github.com/kelseyhightower/nocode ...
郭的好象在推销,实在内容很少.
郭的好象在推销,实在内容很少. 转载于:https://blog.51cto.com/328241/255043
3星|《掌控大趋势》：全球当前政治经济形式的资料汇编整理，对未来的预测很少，也缺乏独到深刻的见解...
掌控大趋势:如何正确认识.掌控这个变化的世界全书基本是当前全球政治经济形式的公开资料的汇编整理,对未来的预测比较少.个人看法书中也缺乏独到或深刻的见解. 总体评价3星,有一些参考价值. 以下是书中一 ...

一些实用却很少用到的css以及标签

一些实用却很少用到的css以及标签相关推荐

最新文章

热门文章