CSS中鲜为人知的属性

all属性重置被选择的元素的所有属性,除了控制文本方向的direction unicode-bidi,initial: 重置所有的属性变成CSS规范中的默认属性,inherit: 继承原来的应该从父元素继承的属性,unset: 继承原来的应该从父元素继承的属性,如果没有可以继承的值,使用初始值. background-clip定义在背景中文本区域的大小 border-box: (默认值) 允许背景延伸到边框的外部 content-box: 背景延伸到元素的content-box padding-box: 背景被剪切到元素的填充的外边缘,因此它应用于内容区和内边距,而不是在边框下 text: 背景被剪切到前景文本。 currentColor:表示元素color属性的计算值。 .parent »

JavaScript字符串方法总结

substring() xString.substring(start,end) substring()是最常用到的字符串截取方法,它可以接收两个参数(参数不能为负值),分别是要截取的开始位置和结束位置,它将返回一个新的字符串,其内容是从start处到end-1处的所有字符。若结束参数(end)省略,则表示从start位置一直截取到最后。 slice() stringObject.slice(start, end) slice()方法与substring()方法非常类似,它传入的两个参数也分别对应着开始位置和结束位置。而区别在于, »

JavaScript闭包的总结

闭包 闭包是指有权访问另一个 函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数 function compareFunction(propertyName) { return function(object1,object2) { var value1 = object1[propertyName]; var value2 = objectp[propertyName]; if (value1 < value2) { return -1; »

Responsive Web Design 概述

什么是Responsive Web Deign Responsive Web Deign缩写为RWD,叫做响应式设计,是精心提供各种设备都能浏览网页的一种设计方法,RWD能让网页在不同的设备中展现不同的设计风格。 Responsive设计特点 必须建立灵活哦的网格基础 引用的网站的图片必须是可伸缩的 不同的显示风格,需要在Media Query上设置不同的样式 缺少任何一个功能,就不能成为合格的RWD设计 流体网格 流体网格是一个简单的网格系统,这种网格设计参考了流体设计中的网格系统,将每个网格格子使用百分比单位来控制网格大小 ,随时可以根据屏幕尺寸大小做出相对应的比例缩放 弹性图片 弹性图片指的是不给图片设置固定尺寸,而是根据流体网格进行缩放。用于适应各种网格的尺寸。 »

JavaScript中的事件总结

不同的事件类型 load:Web页面加载完成 unload:Web页面正在卸载(通常是因为请求了一个新页面) error:浏览器遇到JavaScript错误或有不存在的资源 resize:浏览器窗口的大小发生了变化 scroll:用户使用滚动条移动了页面 keydown:用户第一次按下一个键(按住这个键会反复触发) keyup:用户松开了一个键 keypress:当用户按下一个键并在屏幕上反映为一个字符时触发。可以通过该事件下的keyCode属性,该属性返回该字母的ASC2码 click:用户在同一个元素上按下并松开一个按键 dblick:用户在同一个元素上连续二次并松开一个按键 mousedown: »