wangnantjobj的专栏

prefixfree.jsprefix是能将CSS3代码自动生成跨浏览器CSS代码的在线应用 prefixfree.js: http://leaverou.github.io/prefixfree/ 你只需要在你的.html文件中插入一个prefixfree.js文件（可以是文档任何地方），建议把这个脚本文件放在样式表之后。 添加这个脚本之后，使用CSS3的属性时，只需书写标准样式即可。但是这

//打印和屏幕显示不同的字体和字体大小。 @media screen { p.text{font-family:"Trebuchet MS", Verdana, sans-serif; font-size: 14px;} } @media print { p.text{font-family:"Times New Roman", Times, Georgia, serif;

scss语法@import "01.scss"; $blue: #fff0b3; $side: left; $width: 40px; .class1 { position: relative; } @mixin hello{ width:500px; height:300px; } @function double($n){ @return $n*2; } header{ bac

将小图片 合并为大图步骤：1指定图片 2、确定块级元素 3、指定宽高 4、background-position定位。提交的正式的css样式要修改名称。样式表，修改后改变名称，防止浏览器缓存，使用户不能浏览最新改变的网址。（每次提交要修改名字）使用缩写border：1px solid whitebackground: white url(‘1.jpg’） no-repeat fixed 0 0

//从父类继承 padding: inherit; //字母大写、小写，首字母大写 h1 { text-transform: uppercase;} h2 { text-transform: lowercase;} .credits { text-trans

背景 background: url('../img/backgroud.jpg') no-repeat; //不改变图像比例 -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-background-size: auto 100%; background-size: auto 100%;

<!--[if !IE]><!-->出IE外都识别<!--<![endif]--><!--[if IE]>所有的IE可识别<![endif]-->属性前缀的排序{ -wekit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }对块级元素设置浮动之后，宽度会随着内容调整。万能的清除浮动的代码(浮

动画 //平移 -webkit-transform: translate(100px,100px); -moz-transform: translate(100px,100px); -ms-transform: translate(100px,100px); -o-transform: translate(100px,100px); trans