CSS：1.盒子模型：content内容，padding补白，border边框，margin边界。2.布局模型： a.流动模型（Flow），默认的布局模型。特征：1>块状元素自上而下，宽度100%.2>内联元素从左至右依次排列. b.浮动模型（Float）：块状元素可以同行并列.c.层布局（Laye...
分类：
Web程序 时间：
2014-12-04 13:57:04
阅读次数：
150
一、创建元素1、jQuery内部使用document.createElement创建元素实例：//jQuery 源代码方法一：$("").css({ 'width': '100px', 'height': '50px', 'padding': '10px', 'border'...
分类：
Web程序 时间：
2014-12-04 00:38:34
阅读次数：
326
回复固定在底部：css样式用到了box-sizing属性box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */box-sizing 属性允许您...
分类：
Web程序 时间：
2014-12-03 16:56:42
阅读次数：
168
原始图片：效果如图：css： .box { width: 150px; padding: 3px; border: 1px solid #e5e5e5; } .img { width: 150px; height: 200px; position: relative; backgrou...
分类：
Web程序 时间：
2014-12-03 14:06:01
阅读次数：
335
ie6对hover支持不完善，所以不兼容，最好在火狐或谷歌等标准浏览器中观看。Demo下载效果如图：css： #demo { width: 306px; height: 204px; padding: 3px; border: 1px solid #e5e5e5; margin: 100p...
分类：
Web程序 时间：
2014-12-03 14:04:47
阅读次数：
228
效果：CSS：.dot{width:14px;height:14px;font:12px/18pxArial;border-radius:7px;display:inline-block;vertical-align:middle;position:relative;box-shadow:0px1p...
分类：
Web程序 时间：
2014-12-03 12:08:22
阅读次数：
314
效果如图：css：#box { width: 500px; height: 200px; overflow: auto; border: 1px #000 solid; margin: 20px auto 0;}javascript：html: 这是第001行 这是第002行 这是第003行 这是第...
分类：
Web程序 时间：
2014-12-03 12:06:19
阅读次数：
224
效果：css：hr { width: 95%; border: 0; border-top: 1px solid #333; border-bottom: 1px solid #fff; filter: Alpha(Opacity=30);/*IE*/ opacity: 0.3;/*火狐*/}原理：...
分类：
Web程序 时间：
2014-12-03 11:52:38
阅读次数：
122
写页面布局时经常会遇到1PX边框的表格，对于罗列显示大量数据来说，table是非常合适的，table本身的意义就在于罗列显示数据，web标准化并非是指不去用table标签，而是说不用table去布局，table本身也是属于标准内的。 本身table设置border：0的话，边框其实是2px。如果想....
分类：
Web程序 时间：
2014-12-03 11:46:40
阅读次数：
204
今天，后台中需要新增一个功能，用户可以自由选择显示的列，之后保存到本地localStroage中。所以扩展了easyui中datagrid的onHeaderContextMenu方法。
使用方法：
_this.$table.datagrid(_.extend({
fit: true,
border: ...
分类：
Web程序 时间：
2014-12-02 19:19:25
阅读次数：
264
