举例：1、@keyframesmyfirst2、@-webkit-keyframesmyfirst/*SafariandChrome*/3、@-moz-keyframesmyfirst/*Firefox

CSS3多列Firefox浏览器支持该属性的形式是-moz-column-count，而基于Webkit的浏览器，例如Safari和Chrome，支持该属性的形式是-webkit-column-countcolumn-count

big-event-gray{-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter

-ms-transform:rotate(7deg);//-ms代表ie内核-moz-transform:rotate(7deg);//-moz代表火狐内核-webkit-transform:rotate

修改placeholder的字体颜色input::-webkit-input-placeholder{color:red;}input::-moz-placeholder{/*MozillaFirefox19

minx.less设置圆角默认为5px.border-radius(@radius:5px){-webkit-border-radius:@radius;-moz-border-radius:@radius

inputtype=number每次输入数字时，多出来的上下黑箭头不想用，但是又想使用number输入控制image.png样式如下：.numberInputStyleinput[type=number]{-moz-appearance

一、定义及思想定义：弹性布局盒模型思想：给予容器控制内部元素高度和宽度的能力二、兼容性移动端可以使用注意加上前缀display:-webkit-box;display:-moz-box;display:

-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select

margin-bottom:5px;padding-left:10px;padding-right:10px;border:1pxsolid#E0E0E0;-webkit-box-sizing:border-box;-moz

-webkit-transform:translate(150px,200px)rotate(45deg)scale(1.5);-moz-transform:translate(150px,200px)

只针对Firefox使用CSS，使用’@-moz-documenturl-prefix()’CSS特定扩展来针对Firefox浏览器@-moz-documenturl-prefix(){/*AddCSShere

1.HTML姓名详情2.css/*去除默认样式*/input{border:none;outline:none;padding:0;margin:0;-webkit-appearance:none;-moz-appearance

1.3将刚才上传的war包拷贝到webapps目录中1.4启动Tomcat1.5浏览器访问2自定义默认网站目录方法一：方法二：1使用war包部署web站点1.1上传war包链接:百度网盘war包提取码:moz7

input.el-radio__inner{width:20px;height:20px;position:relative;cursor:pointer;-webkit-appearance:none;-moz-appearance

前缀浏览器-webkit-chrome、safari-moz-firefox-ms-IE-o-opera

效果：Document*{margin:0;padding:0;}body{position:relative;-webkit-user-select:none;-moz-user-select:none

代码如下：input:-moz-placeho

```css-moz-t

-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;注意：-webkit-font-smoothing

在2004年，由Opera、Moz

本周云计算内容精彩纷呈，有IBM发布新网络传输技术，速度最高可达400Gbps，四大著名风投眼中的大数据初创公司，Moz公司CEO结合自身创业实践解读如何理智使用AWS，还有Intel发布15核芯片以及其软硬兼备的

css代码如下：div{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms

一、CSS3的解决方法：user-select:body{-webkit-user-select:none;/*Chrome/Safari*/-moz-user-select:none;/*Firefox

通过简单的css设置页面的文字无法被选定：下面是想让不会选中的div.isSelectedcontent下面是具体的css样式.isSelected{-webkit-user-select:none;-moz-user-select

@mixinrounded-corners{-moz-border-radius:5p

select{/*很关键：将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;//这三个就已经去掉了小箭头

select下拉框的边框和三角下标效果图核心css代码/*去除select边框*/border:0;background:transparent;/*去除下拉框的三角下标*/appearance:none;-moz-appearance

示例.rounded-corners(@radius:5px){    -webkit-border-radius: @radius;    -moz-border-radius: @radius;    

一、web设置placeholder设置浏览器的placeholder样式::-webkit-input-placeholder{/*WebKitbrowsers*/color:#999;}:-moz-placeholder

display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity

html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale

-webkit-transition:width2s;-moz-transition:width2s;-o-transition:width2s;transition:width2s;其实上述的css代码会执行的只有一条

img{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none;}如上面的代码所示，我们可以使用用户拖拽相关的

1.避免长按网页出现选中样式:-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select

标签在移动端点击时的背景颜色一、取消a标签在移动端点击时的蓝色-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus

所以这里教一下方法：在所在元素添加css样式：//取消长按的背景色-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus

1-私有前缀谷歌、苹果浏览器：-webkit--webkit-transform:rotate(45deg);火狐浏览器：-moz--moz-transform:rotate(45deg);IE浏览器：

/*如果设备像素大于等于2，则用2倍图*/@mediascreenand(-webkit-min-device-pixel-ratio:2),screenand(min--moz-device-pixel-ratio

urlbaseurl=""#定义一个函数getHtmlByURL,得到指定url网页的内容defgeturl(url):#自定义headers(伪装以免被反爬虫)headers={'User-Agent':'Moz

text-transform:uppercase;background:-webkit-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);-moz-linear-gradient

gameStart/199htmlcss*{ padding: 0; margin: 0; border: none; user-select: none; -webkit-user-select: none; -moz-u

list-style-type:none;}#myUL{margin:0;padding:0;}.caret{cursor:pointer;-webkit-user-select:none;/*Safari3.1+*/-moz-user-select

height:200px;background:blueviolet;}.box1{transform:rotate(7deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform

.解决伸缩过程中抖动问题：/*加过渡给侧边导航否则会有伸缩停顿的bug*/.el-aside{transition:width0.25s;-webkit-transition:width0.25s;-moz-transition

document.documentElementif(docElm.requestFullscreen){docElm.requestFullscreen();}elseif(docElm.mozRequestFullScreen){docElm.moz

属性时加一个transform：z-index:998;transform:translateZ(1px);为了兼容性也可以加上：-webkit-transform:translateZ(1px);-moz-transform

第一步，改变文字排版方向：.mw{-webkit-writing-mode:vertical-lr;-moz-writing-mode:vertical-lr;-o-writing-mode:vertical-lr

start="head={"User-Agent":"Moz

12345678910111213141516171819202122232425262728293031323334353637383940';">body{background:#000}.loading{-webkit-animation:fadein2s;-moz-ani