摘要：
国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的... 阅读全文
摘要：
jQuery 获取屏幕高度、宽度 做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(documen 阅读全文
摘要：
三目运算符又叫三元运算符: 如名字表示, 三元运算符需要三个操作数。语法是 条件 ? 结果1 : 结果2;.这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。 案例1: var bDown = true; bDown = oEvent.wheelD 阅读全文
摘要：
添加事件（有兼容性） /*注册事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); } window.onmousewheel=documen... 阅读全文
摘要：
document.createElement()的用法 document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefo 阅读全文
摘要：
使用方法 <!-- cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状；--> div { cursor: [某个值] } 鼠标样式： 值描述 url 需使用的自定义光标的 URL。 注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 default 阅读全文
摘要：
touch事件前言一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。Apple在iOS 2.0中引入了触摸事件API，Andro... 阅读全文
摘要：
Transform根据我的理解，transform和width、height、background一样，都是dom的属性，不同的是它是css3旗下的，比较屌，能够对原来的dom元素进行移动、缩放、转动、拉长或拉伸，跟canvas上的某些api神似，这么说来transform好像能干些js才能干的事。... 阅读全文
摘要：
CSS3 过渡通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡属性属性描述CSStransition简写属性，用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS ... 阅读全文
摘要：
3D 转换1. rotateX()2. rotateY()otateX() 方法通过 rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转。示例：div{transform: rotateX(120deg);-webkit-transform: rotateX(120deg); /* S... 阅读全文
摘要：
CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。2D 转换在本次，您将学到如下 2D 转换方法：1. translate()2. rotate()3. scale()4. skew()5. matrix() translate() 方法通过 translate()... 阅读全文
摘要：
使用自己需要的字体在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：实例 使用粗体字体您必须为粗体文本添加另一个包含描述... 阅读全文
摘要：
CSS3 文本效果1. text-shadow2. word-wraptext-shadow属性使用方法text-shadow属性使用方法如下所示。text-shadow:length length length color 其中，前面三个length分别指阴影离开文字的横方向距离、阴影离开文字的... 阅读全文
摘要：
css3背景1. background-size2. background-origin3. background-clip示例：className{ background:url(bg_flower.gif); -moz-background-size:63px 100px; /* 老版本的 ... 阅读全文
摘要：
border-image属性.className{ border-image:url(/course/54d1cae088dba03f2cd1fec1/img/border.png) 20 20 20 20 / 20px; -webkit-border-image:url(/course/54d... 阅读全文