前缀
-webkit- -moz- -o- -ms-
-ms-私有属性
zoom 设置对象的缩放比例
作用:触发haslayout,解决float或margin重叠的问题,清除浮动
writing-mode 控制内联元素的显示方向
值(css3):horizontal-tb 由上到下 vertical-lr 由左到右 vertical-rl 由右到左
值(ie):lr-tb 由上到下(ie7) tb-rl 由左到右(ie7) tb-lr 由右到左(ie8)
filter 设置对象的可视效果
behavior 设置对象的dhtml行为
expression() 设置js脚本
-webkit-私有属性
-webkit-font-smoothing 设置文本抗锯齿
值:none 无 subpixel-antialiased 默认 antialiased 抗锯齿
-webkit-appearance 改变按钮和其他控件的外观,使其类似于原生控件
-webkit-line-clamp 指定文本占的行数
text-size-adjust 关闭字体大小自动调整功能
-webkit-text-fill-color 文本填充颜色
-webkit-user-select 设置用户是否能够选中文本
值:none text elem all
-webkit-text-stroke 复合属性,设置字体描边
值:width color
-webkit-box-reflect 设置倒影
值:1、above below left right 2、px % 3、none url gradient
-webkit-mask 设置蒙版图像
值:image attachment repeat position size origin clip composite
composite值:
全局:inherit initial unset
关键词:
clear 源图片和目标图片重叠的像素被清除
copy 源图片替代目标图片
xor 重叠像素全变为透明
source-over 源图片呈现在目标图片上
source-in 源图片和目标图片重叠的像素被源图片替代,其他像素被清除
source-out 源图片和目标图片重叠的像素被清除,源图片剩下的像素被呈现
source-atop 目标图片被呈现
destination-over 目标图片呈现在源图片上
destination-in 源图片和目标图片的重叠像素中,属于源图片的保留,其他像素被清除
destination-out 源图片和目标图片的重叠像素被清除,源图片剩余的像素被展示
destination-atop 源图片的像素被呈现
移动端页面样式重置
outline:none; 去除外边框
-webkit-appearance: none; 去除元素默认外观
-webkit-text-size-adjust: 100%; 关闭字体大小自动调整
-webkit-user-select: none ; 禁止用户选择文本
-webkit-user-drag: none ; 禁止用户拖拽文本链接
-webkit-tap-highlight-color: rgba(0,0,0,0); 去除可点击元素灰色背景,用于ios
-webkit-touch-callout: none ; 禁止触摸元素弹出默认系统菜单
-webkit-overflow-scrolling: touch; 快速滚动回弹效果
-webkit- 伪类
::-webkit-scrollbar 定义滚动条样式
::-webkit-scrollbar-button 定义滚动条按钮样式
::-webkit-scrollbar-track 定义滚动条外层轨道样式
::-webkit-scrollbar-track-piece 定义滚动条内层轨道样式
::-webkit-scrollbar-thumb 定义滚动条滑块样式
::-webkit-scrollbar-corner 定义边角样式
::-webkit-resizer 定义拖动块样式
:horizontal 选择水平方向滚动条
:vertical 选择垂直方向滚动条
:decrement 选择按钮或内层轨道的上边或左边
:increment 选择按钮或内层轨道的下边或右边
:start 选择按钮或内层轨道的上边或左边
:end 选择按钮或内层轨道的下边或右边
:single-button 判断是否是单按钮或内层轨道是否是紧靠单按钮
:double-button 判断是否是双按钮或内层轨道是否是紧靠双按钮
:no-button 判断内层轨道两端没有按钮
:corner-present 滚动条圆角是否显示
:window-inactive 滚动条获取焦点的状态
::-webkit-input-placeholder 设置控件提示文本颜色
-moz-伪类
::-moz-focus-inner 设置按钮border