css3高级属性

-webkit-mask蒙板

-webkit-text-stroke文字边框

-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。

想要禁用这个高亮，设置颜色的alpha值为0即可。

zoom: reset

页面上的其它元素在用户放大页面的时候都会跟着放大

-webkit-text-size-adjust:none;

设置该属性的元素内的文字不会被放大/缩小，但是页面上的其它元素则会变化

-webkit-margin-collapse

使用-webkit-margin-collapse及其分拆后的-webkit-margin-top-collapse、-webkit-margin-bottom-collapse等属性。默认值是collapse，值separate则停止共享margin值

-webkit-box-reflect

倒影  -webkit-box-reflect:方向 距离 方式  (bleow 5px -webkit-gradient)

-webkit-marquee

跑马灯

-webkit-marquee-direction: forwards;方向
-webkit-marquee-speed: slow;速度
-webkit-marquee-style: alternate;样式

Gecko特有属性

font-size-adjust

指定元素的文字大小(font-size)应该相对于小写字母的高度(x-height)而不是大写字母的高度(cap height)

image-rendering

缩放图片

-moz-border-top-colors

边框颜色

 

混合属性

-webkit-user-select 和 -moz-user-select

-webkit-user-select 和-moz-user-select 的值设为none。禁止用户选择文字

-webkit-appearance 和 -moz-appearance伪装button,textarea,listbox,menulist

-webkit-appearance:none取消默认样式

text-align: -moz-center/-webkit-center

要让一个块级元素居中，大家通常将其设置为margin:0 auto。但是，现在你也可以将元素的容器的text-align属性设置为-moz-center 和 -webkit-center。相应的，你也可以通过设置-moz-left、-webkit-left或-moz-right、-webkit-right将元素居左或者居右。

CSS 2.1属性

counter-increment

counter-increment可以为所有的HTML标签添加自动的编号

quotes

text-overflow溢出隐藏

word-wrap：break-word换行

多行溢出隐藏省略号

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;

 

background-attachment背景图片位置固定