转行做前端,上班有一个星期了,什么都不懂,今天学习了几个新的css3属性,记录下来。

注:所有的测试均是在chrome上手机模式测试,与真实的手机环境可能有误差

1:-webkit-tap-heighlight-color:rgba();改变safari 与大部分android机可点击元素,点击时产生的半透明灰色背景

在ios safari 与大部分android机中有效,alpha设置为0时,去掉背景色;

点击是默认状态:

2:   ::selection选择器

w3c school中说明:

::selection 选择器匹配被用户选取的选取是部分(即当文本本选中时,默认选中状态背景为蓝色,可以通过::selection选择器设置选中本分的对应状态)。

只能向 ::selection 选择器应用少量 CSS 属性:color、background、cursor 以及 outline。

兼容性:

IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。

Firefox 支持替代的 ::-moz-selection。

3:-webkit-nbsp-mode:normal | space 没有做出例子,不知道具体怎样用

4:-webkit-text-strock   设置位子边框宽度,-webkit-text-strock:2px red;结合 color:transparent;创建镂空字体。效果图:

p.text-stroke{
color: transparent;
-webkit-text-stroke: 1px red;
font-size: 160px;<!--字号要大!!!!-->
}

  

最新文章

  1. java基础之 异常
  2. 用jQuery之后,之前javascript的一些方法就不能用了吗
  3. JS中cookie的基本使用
  4. DTCMS列表页自定义参数。
  5. Mysql备份--mysqldump&amp;outfile
  6. C++学习笔记(十四):模板
  7. F - Wormholes
  8. unity3d 学习笔记(一)
  9. Python进阶之路---1.1python简介
  10. iOS 后台播放音乐
  11. 10个实用的PHP正则表达式汇总
  12. POJ1753 搜索
  13. python selenium 元素定位(三)
  14. 201521123035《Java程序设计》第七周学习总结
  15. 这一次,VR离我们真的很近
  16. Hessian探究(一)Hessian入门示例
  17. Linux用户态驱动设计
  18. Linux基础命令---bzcat
  19. 关于Spring MVC中的表单标签库的使用
  20. AndroidStudio添加Android源码

热门文章

  1. SQL update join on 连接更新
  2. Kali Linux渗透基础知识整理(一):信息搜集
  3. 关于javascript tween的学后小感想
  4. 127.0.0.1和localhost完全相等吗?
  5. angular--todomvc
  6. BJDP结对编程活动
  7. Node.js缓冲器
  8. python之路-pip安装
  9. 一种解决url的get请求参数传值乱码问题的方式
  10. 发布 Google Chrome插件教程
  11. selenium+requests访问微博
  12. LCD接口和RGB介绍
  13. UNIX环境高级编程——Linux终端设备详解
  14. 入门rocketmq从浅到深
  15. v-if与v-show的使用
  16. 【git】git hello world
  17. Shodan的http.favicon.hash语法详解与使用技巧
  18. Vue知识点总结
  19. JS表格分页(封装版)
  20. POI2014解题报告