HTML cellpadding与cellspacing属性介绍及使用

单元格(cell) -- 表格的内容 单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离 上图说明了表格的几个属性,其中黑色部分就是单元格(cell),白色的区域是单元格边距(表格填充),灰色的区域是单元格间距...
Web前端开发 / / 6514次阅读
HTML cellpadding与cellspacing属性介绍及使用

响应式web网页设计流程

响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸、屏幕定向、系统平台等)以及用户行为(改 变窗口大小等)进行相应的响应和调整。 具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。 无论用户正在使用pc、平板电脑,或者手机,无论是全屏显示还是非全屏的情况,无论屏幕是横向还是竖向,页面都应该能够自动切换分...
Web前端开发 / / 5220次阅读
响应式web网页设计流程

兼容IE6/IE7的焦点轮播图插件KinSlideshow

幻灯片是网站最常使用的网页效果之一,KinSlideshow幻灯片插件非常好用,需要元素结构简单,CSS基本不需要作多改动,只需要设置调用函数,即可实现超炫的轮播效果!兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件,功能很多,基本能满足在网页上使用幻灯片(焦点图)效果。 KinSlideshow默认设置效果代码:...
Web前端开发 / / 8719次阅读
兼容IE6/IE7的焦点轮播图插件KinSlideshow

jquery删除指定的html标签并保留标签内文本

删除这段html代码里面的一对<p>标签,但是要保持里面的内容不被删除: <p>大家好,欢迎来到neirong.org<a href="http://neirong.org">资源共享</a></p> jQuery代码: <script type="text/javascript" src='http://ajax.google...
Web前端开发 / / 5236次阅读

容易好用的jQuery瀑布流插件Wookmark

Wookmark jQuery插件大致使用position:absolute来重构内容实现瀑布流布局! 下载插件后,在网页中引用插件的JS文件: <script src="jquery-1.8.2.min.js"></script> <script src="jquery.wookmark.min.js"></script> HTML代码结构: <div...
Web前端开发 / / 8323次阅读

新浪微博图标和腾讯微博图标视觉素材下载地址

腾讯微博开放平台为开发者提供以下标准视觉素材,供开发应用使用。 下载网址:http://wiki.open.t.qq.com/index.php/视觉素材下载 下载方式:进入上面的网址,鼠标移到需要下载的图片素材上方,点击右键,选择“图片另存为...”,保存至本地文件夹即可。 微博提供了下面几种标准的logo、icon、按钮标识,开发者可以下载后使用。 下载地址:http://op...
Web前端开发 / / 5703次阅读
新浪微博图标和腾讯微博图标视觉素材下载地址

解决expression在Chrome浏览器不能加载css的问题

先看一段HTML代码,在下边这段代码中,这张图片的宽度未知,我想写在CSS中写一行限制最大宽度为50px: <div id="test"> <img src="/sheji/Files/2011-10/8/93619040.gif" /> </div> Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中,我们可能会写如下的代码: #te...
Web前端开发 / / 6597次阅读
解决expression在Chrome浏览器不能加载css的问题

腾讯微博,新浪微博分享链接源代码

新浪微博文字分享: <a href="http://service.weibo.com/share/share.php?url=https://www.tddx.net/&amp;title=资源共享" target="_blank"> <img src="https://www.tddx.net/zb_users/templates/kube/images/weibo.png" alt="新...
Web前端开发 / / 6363次阅读

jquery+HTML5响应式导航菜单设计教程

通过jquery+html5实现,当浏览器窗口缩小或者手机访问的时候,导航菜单变成按钮下拉式菜单。效果图: HTML代码: <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#"...
Web前端开发 / / 5464次阅读
jquery+HTML5响应式导航菜单设计教程

HTML5响应式导航菜单下载 不支持IE8

适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。 正常显示状态: 窗口缩小显示状态 点击显示状态 下载地址: http://pan.baidu.com/s/1dDtG7y5 ...
Web前端开发 / / 4984次阅读
HTML5响应式导航菜单下载 不支持IE8

网页制作css技巧之zoom:1;作用

zoom这个特性是IE特有的属性。 zoom:1;一般是拿来解决IE6的子元素浮动时候父元素不随着自动扩大的问题,功能相当于overflow:auto,同样也可以用height:1%来代替zoom:1。 所以一般要在浮动元素的父元素加上overflow:auto;zoom:1; 。这样,子元素浮动,父元素再也不会不自动跟子元素扩大了。 PS:一直认为IE6应该从广大网民的电脑中删除或升级了,作为...
Web前端开发 / / 5017次阅读