
网页制作
Simon#Xie
这个作者很懒,什么都没留下…
展开
-
简单的网页布局
1.自动居中,加一个包裹层,设置CSS<div id="wrap">...</div>#wrap{width: xxx px;margin:0 auto;}2.使用浮动式实现两列布局<div id="left">...</div><div id="right">...</div>#left{width:xxx px;float:left}#right{width:auto}3.清除浮原创 2015-06-01 20:15:48 · 480 阅读 · 0 评论 -
导航条菜单
1.垂直菜单的制作效果: HTML代码:<!--导航菜单基本都是用无序列表--><ul class="nav"> <li><a href="#">首 页</a></li> <li><a href="#">新闻快讯</a></li> <li><a href="#">产品展示</a></li> <li><a href="#">售后服务</a></li> <l原创 2015-06-02 15:26:34 · 391 阅读 · 0 评论 -
盒子模型
CSS中, Box Model叫盒子模型(或框模型),Box Model规定了元素框处理元素内容(element content)、内边距(padding)、边框(border) 和 外边距(margin) 的方式。在HTML文档中,每个元素(element)都有盒子模型,所以说在Web世界里(特别是页面布局),Box Model无处不在。下面是Box Model的图示:原创 2015-06-01 20:44:08 · 387 阅读 · 0 评论 -
分页页码制作
1.制作如下页码 HTML代码:<div class="page-normal"> <span class="page-prev"><</span> <span class="page-cur">1</span> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> ... <a原创 2015-06-02 09:50:50 · 615 阅读 · 0 评论 -
CSS设置水平居中和垂直居中
1.行内元素设置水平居中 通过设置父元素text-align:center2.定宽块状元素设置水平居中 通过设置“左右margin”值为“auto”来实现居中的。width:500px;/*定宽*/margin:0px auto;/* margin-left 与 margin-right 设置为 auto */3.不定宽块状元素设置水平居中 (1)为需要设置的居中原创 2015-06-03 15:35:05 · 600 阅读 · 0 评论 -
jquery-validation 使用
一、用前必备 官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 当前版本:1.5.5 需要JQuery版本:1.2.6+, 兼容 1.3.2二、默认校验规则(1)required:true转载 2015-06-08 13:36:24 · 411 阅读 · 0 评论 -
Bootstrap居中方法
在制作网页的时候,需要让页码居中。可以通过如下方式实现。 页码的实现方法:<ul class="pagination pagination"> <li><a href="#">«第一页</a></li> <li><a href="#">1</a></li> <li><a href="#">最后一页»</a></li></ul> 居中的方法:<div原创 2015-06-12 20:57:52 · 1416 阅读 · 0 评论 -
HTML5--有感
拜读了 Peter Lubbers 的《HTML5程序设计-第二版》。原以为HTML5只是HTML4的升级版,直接被颠覆了。HTML5可以说有革命性的意义,有点像把本地应用的功能特性搬到网上的感觉。1.canvas,提供强大的绘图能力,是基于位图的,提供基本的API,不能与其交互(有利有弊),已被引用到诸多领域,比如游戏,图表等等。网上已有很多基于canvas的开源库,这篇文章还对比了开源库的情况,原创 2015-08-12 10:26:19 · 610 阅读 · 0 评论