上下垂直居中 在线演示 DIVCSS5
#main {
position: absolute;
width:400px;
height:200px;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-100px;
border:1px solid #00F
}
/*css注释：为了方便截图，对CSS代码进行换行*/
DI...
分类：
Web程序 时间：
2014-06-05 11:36:39
阅读次数：
253
利用HTML5的新特点做文件异步上传非常简单方便，本文主要展示JS部分，html结构。下面的代码并未使用第三发库，如果有参照，请注意一些未展现出来的代码片段。我这边的效果预览：
1.文件未选择 2.文件已选择
HTML代码部分：
思路：下面代码中我利用css的z-index属性将input="file”标签隐藏在了id=btnSelect元素下面，通过触发a标签的点击后，弹出文件选择...
分类：
Web程序 时间：
2014-06-05 11:11:06
阅读次数：
245
创建一个HTML页面， 其内容为一个无序列表， 列表中至少包含了5本畅销书，每本书之前的项目符号必须采用概述封面的缩略图。这些信息可以冲Web上获取。 要求采用CSS方法进行布局。
HTML：
Linux畅销书
鸟哥的Linux私房菜基础篇...
分类：
Web程序 时间：
2014-06-05 04:28:47
阅读次数：
315
D3的全称是（Data-Driven Documents），顾名思义可以知道是一个关于数据驱动的文档的javascript类库。如果你不知道什么是javascript，请先学习javascript的相关知识。
说得简单一点，D3.js主要是用于操作数据的，它通过使用HTML、SVG、CSS来给你的数据注入生命，即转换为各种简单易懂的绚丽的图形。...
分类：
Web程序 时间：
2014-06-05 02:41:02
阅读次数：
413
QT样式表单
QT的样式表单允许我们在对程序不做任何代码上的更改的情况下轻松改变应用程序的外观。
其思想来源于网页设计中的CSS，即可以将功能设计和美学设计分开。
它的语法和概念和HTML CSS也是差不多的。
其原理可简单理解为：QT内部存在一个CSS语法解析器，我们将我们的样式控制以CSS语法定义到外部文件，CSS语法解析器解析后在调用相应的功能模块以完成样式变化。（其实这...
分类：
其他好文 时间：
2014-06-05 02:03:47
阅读次数：
352
本文出自：http://blog.csdn.net/svitter
开发一个注册的HTML页面， 用于搜集用户的注册信息。包括： 姓名（不能为空）， 年龄（必须超过17岁）， 体重（30-150kg）， 班级（下拉列表），登陆密码（至少8位长）、确认密码（和登录密码一致），Email(不能为空) , 电话，QQ， 个人简历等信息。 并针对这些表的元素来创建相应的验证，如果检测到错误， 在输入...
分类：
Web程序 时间：
2014-06-05 01:17:28
阅读次数：
331
如图所示。
该图片切换特效实现很简单，而且兼容性很好。
html页面如下
css样式
* {margin:0; padding:0;}
body {font-size:12px; color:#222; font-family:Verdana,Arial,Helvetica,sans-serif; b...
分类：
其他好文 时间：
2014-06-05 00:10:13
阅读次数：
332
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob
Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。
Bootstrap一经推出...
分类：
其他好文 时间：
2014-05-31 14:23:36
阅读次数：
257
body{ background-position:center;
background-repeat:no-repeat; }div#div1{ position:fixed; top:0; left:0; bottom:0;
right:0; z-i...
分类：
其他好文 时间：
2014-05-31 14:11:16
阅读次数：
243
css3选择器1.通过元素的关键字，如p,div等2.通过id属性3.通过class属性引用3.1通过class属性引用p标签，如：p.text{}//text样式只适用于p4.通过任意键引用例如：p[name]{}//仅引用带有name属性的p标签p[name="my"]{}//仅引用带有name...
分类：
Web程序 时间：
2014-05-31 01:28:28
阅读次数：
291
