css3 不常用但重要的属性

IOS

2.-webkit-touch-callout (ios 2.0+)

none:禁止弹出系统弹窗

default:默认

Android

Common

1.-webkit-user-select

    none:文本不能被选择

text:可以选择文本

all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。

element:可以选择文本,但选择范围受元素边界的约束

2.-webkit-perspective

    number:元素距离视图的距离,以像素计。

none: 和0效果相同,不设置距离

3.-webkit-perspective-origin

x-axis:x轴上的位置,默认50%,可能的值:left right center length %

y-axis:y轴上的位置,默认50%,可能的值:left right center length %

4.-webkit-transform-style

flat:子元素不保留其3d位置

preserve-3d:子元素保留其3d位置

5.-webkit-backface-visibilty

visible:不隐藏transform元素的背面

hidden:隐藏

6.-webkit-appearance

  用于取消系统默认样式  

  取值地址:http://www.css88.com/webkit/-webkit-appearance/

7.-webkit-input-placeholder

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

color:颜色值

transparent:透明值

8.-webkit-text-size-adjust

none:取消最小12px的限制  放在body中,会阻碍页面缩放。尽量不要设全局

9.-webkit-overflow-scrolling (ios5.0+)

   touch:当手指从触摸屏上移开,会保持一段时间的滚动

   auto:当手指从触摸屏上移开,滚动会立即停止

 

时间: 2024-10-12 17:30:42

css3 不常用但重要的属性的相关文章

CSS3选择器(基础选择器、属性选择器、伪类选择器、选择器策略)

<CSS3基本选择器> 一.通配符选择器(*) *{ marigin: 0; padding: 0; } 二.元素选择器(E) li {background-color: grey;color: orange;} 三.类选择器(.className) 四.id选择器(#ID) #first {background: lime;color: #000;} #last {background: #000;color: lime;} 五.后代选择器(E F) .demo li {color: blu

Android中常用控件及属性

在之前的博客为大家带来了很多关于Android和jsp的介绍,本篇将为大家带来,关于Andriod中常用控件及属性的使用方法,目的方便大家遗忘时,及时复习参考.好了废话不多讲,现在开始我们本篇内容的介绍. 1.控制应用显示的方向: setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);//竖直显示效果. setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LA

css3中强大的filter(滤镜)属性

CSS3中强大的filter(滤镜)属性 博主最近在做网站的过程中发现了一个非常强大的CSS3属性,就是filter(滤镜)属性,喜欢p图的朋友看名字都应该知道这是什么神器了吧.当然,这个属性的效果肯定不能跟ps相比,但是利用的好的话可以在节约很多空间下,把一张图做成两张图的效果. 1定义 filter,从字面意思来看就是滤镜,官方定义filter属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度):举个栗子: <style> img{ /*灰度100%*/ -web

css3中的transition渐变过渡属性的认识.

css3新增的属性transition可以让元素产生动画效果: 用法(兼容代码): -webkit-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果) -moz-transition:property(属性样式) duration(过渡时间) timing-function过渡模式(5种过渡模式效果) -o-transition:property(属性样式) duration(过渡时间) timing-fu

javaScript DOM编程常用的方法与属性

DOM是Document Object Model文档对象模型的缩写.根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件. Node接口的特性和方法 特性/方法 类型/放回类型 说明 nodeName String 节点的名字:根据节点的类型而定义 nodeValue String 节点的值:根据节点的类型而定义 nodeType Number 节点的类型常量值之一 ownerDocument Document 指向这个节点所属的文档 first

常用HTML meta 标签属性(网站兼容与优化需要),meta标签

常用HTML meta 标签属性(网站兼容与优化需要),meta标签 热度1 评论 143 www.BkJia.Com  网友分享于:  2014-12-29 01:12:00     浏览数11936次 常用HTML meta 标签属性(网站兼容与优化需要),meta标签 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务 原文地址:http://segmentfault.com

CSS3中的counter和content属性,一些简单的内容显示就不需要JS去实现了

HTML的代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

CSS3动画常用贝塞尔曲线-效果演示

CSS与贝塞尔曲线 CSS3动画常用贝塞尔曲线实现更加自然,物理感的动画. 列举了一些常见的贝塞尔曲线数值,用于做动画的存档. .a1{ animation: stretch 1s cubic-bezier(0.39, 0.575, 0.565, 1) infinite; } .a2{ animation: stretch 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) infinite; } .a3{ animation: stretch 1s cubic-

CSS3的常用属性(一)

选择器 属性选择器(通过标签属性来选择) E[attr]: 表示只要元素<E>存在属性attr就能被选中  如: div[class] E[attr=val]: 表示元素<E>存在属性attr的值等于val,即可被选中  如: div[class="val"] E[attr*=val]: 表示元素<E>存在属性attr的值包含val,且在任意位置  如: div[class*="text_val"] E[attr^=val]: 表