摘要：
gradient语法： -moz-linear-gradient( [ || ,]? , [, ]* ) // chrome的新版写法和FF的一致，只要改版前缀即可 第一个参数：指定渐变方向。例如：top，从上向下渐变；left，从左向右渐变； left top，从左上向右下渐变 第二个参数：指定起始点的颜色值 第三个参数：指定结束点的颜色值 还可以加参数，如： background: -moz-linear-gradient(left, #ace, #f96 5%, #ace, #f96 95%, #ace); 可以指定多个颜色值，如果不同时指定百分比，则平均... 阅读全文
摘要：
rgba语法： rgba(0, 0, 0,0.5); 第一个参数：R 红色（0-255） 第二个参数：G 绿色（0-255） 第三个参数：B 蓝色（0-255） 第四个参数：透明度（0-1）使用rgba指定颜色的好处是：任何位置的颜色，使用rgba指定，都可以通过设置第四个参数来调整透明度。不仅仅可以设置背景色的透明度。使用rgba指定背景透明和使用opacity指定背景颜色的透明度的区别： 1、使用opacity指定背景颜色的透明度时，其内容也一起被设置透明度，导致内容模糊。如果不想内容模糊，只能如下处理： （单独设置一个元素做背景透明设置，其内容反而不在它内部） ... 阅读全文
摘要：
word-wrap语法： word-wrap ： normal | break-word normal ： 默认值，单词如果单词超长，会冲出边界（单个单词超长，在当前行显示） break-word ：将内容在边界内换行，当单词在当前行放不下时，会自动切换到下一行（单个单词超长，在下一行显示）word-break语法： word-break:normal | break-all | keep-all normal：如果设置为默认值时中文则到边界处的汉字换行，如果是英文整个单词换行，如果出现某个单词长度过长，则会撑破容器，如果边框为固定属性，则后面部分将无法显示；（单个单词长... 阅读全文
摘要：
text-overflow语法： text-overflow ： clip | ellipsis clip:表示不显示省略标记(...)，而只是简单的裁切，需要在一定的高度范围内配合overflow:hidden属性使用，如果不配合的话将无任何效果； 和单独使用overflow:hidden;效果一致。 ellipsis：对象文本溢出时将显示省略标记(...)，需要配合overflow:hidden；white-space:nowrap一起使用才会有效果。小知识点：/**这是firefox特有的属性，只有firefox浏览器可以识别，是firefox的一种hack形式*... 阅读全文
摘要：
text-shadow语法： text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]... 或者 text-shadow:[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)],[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)]... 第一个参数：指定颜色值 第二个参数：指定X轴偏移量 第三个参数：指定Y轴偏移... 阅读全文
摘要：
box-shadow语法：（想法：用阴影来做边框，就不会出现动态改变边框宽度而产生的重排问题） 对象选择器{box-shadow：投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色} 第一参数： 阴影类型：此参数是一个可选值，如果不设值，其默认的投影方式是外阴影；如果取其唯一值“inset”,就是将外阴影变成内阴影， 也就是说设置阴影类型为“inset”时，其投影就是内阴影； X轴偏移量：是指阴影水平偏移量其值可以是正负值可以取正负值，如果值为正值，则阴影在对象的右边，反之其值为负值时，阴影在对象的左边； Y轴偏移量：... 阅读全文
摘要：
border-image语法： border-image ： none | [ | ]{1,4} [ / {1,4} ]? [ stretch | repeat | round ]{0,2} 第一个参数：none：默认值，边框无背景图片 image：和background-image一样，根据绝对定位设置背景图片的位置 第二个参数： number：设置边框的宽度，单位px，可以使用1~4个值，指定边框的宽度，设置方式同border-width percentage：同number一样，只不过是使用百分比来设置宽度 第三个参数：（可选，1~4... 阅读全文
摘要：
1、border-radius标准：border-top-left-radius: x y // 左上角，x 圆角水平半径， y 圆角垂直半径border-top-right-radius：x yborder-bottom-right-radius：x yborder-bottom-left-radius：x yFF：-moz-border-radius-topleft-moz-border-radius-topright-moz-border-radius-bottomright-moz-border-radius-bottomleftchrome:(标准基础上加前缀)-webkit-bor 阅读全文
摘要：
扩充类的方法：1、向原型对象上添加方法或属性。例如：Number.prototype.cl = function(){}; 但这种做法并不推荐，因为ES5之前，无法将这些新添加的方法或属性设置为不可枚举的。他们可以在for/in循环中被遍历到2、使用ES5提供的扩展对象的方法：Object.definePropery()。 在web浏览器环境下，可以通过Object.defineProperty()方法给HTMLElement.prototype添加方法，从而使表示HTML标记的所有对象可以继承该方法。但该方法尚未被普及，实用方面有限制类型检测：1、typeof关键字：无法检测对象的类型2.. 阅读全文
摘要：
1、类和原型：原型对象是类的核心，类的所有实例都从同一个原型上继承属性和方法，原型对象是类的唯一标识2、类和构造函数：构造函数通过new关键字来创建对象，构造函数的prototype属性被用作新对象的原型。所以，同一个构造函数创建的对象都是同一个类的成员3、类、原型、构造函数：当且仅当两个对象继承自同一个原型对象时，他们才是属于同一个类的实例。而初始化对象的构造函数则不能作为类的标识，因为两个不同的构造函数如果prototype指向同一个原型对象，那么这两个构造函数创建的实例仍然属于同一个类4、constructor：每个javascript函数（除了ES5中的Function.bind()方 阅读全文