-
如何用纯CSS打造一个弹性日历
所属栏目：[经验] 日期：2018-09-14 热度：125
传统的日历是在一张页面划分出几个格子.作为一个网页设计师,你有权利用表格来做出效果,我也不会说你错了. 那么做为一个标准的WEB设计师来说,遵守WEB的标准好处是不言而语的.那么我们来看下如何使用CSS来做出一个有弹性的日历表出来--为什么说是有弹性的,因[详细]
-
CSS中background:url(图片) 不能显示的问题
所属栏目：[经验] 日期：2018-09-14 热度：53
刚刚碰到一个诡异的问题，这样一段CSS代码： background:url(images/bg/bg1.gif) no-repeat; 这段代码居然不能显示出背景图片，倒塌。。。 代码肯定没有问题，即便我没有对背景图片定位，这里暂不考虑，因为我这里不存在这个问题。。。于是乎，搜索了一下Go[详细]
-
Textarea使用cols和rows不应使用css控制高度和宽度
所属栏目：[经验] 日期：2018-09-14 热度：143
烈火网(LieHuo.Net)教程 本以为元素的宽度高度应该全部由css控制，结果html validator提示textarea必须有cols和rows属性，否则不符合W3C XHTML 1.0 Transitional标准。 错误: required attribute rows not specified 错误: required attribute cols not sp[详细]
-
Iframe框架在IE6显示横向滚动条的问题
所属栏目：[经验] 日期：2018-09-14 热度：50
frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法 使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了[详细]
-
无需图片纯CSS设计Table圆角效果
所属栏目：[经验] 日期：2018-09-14 热度：178
烈火网(LieHuo.Net)教程 在日常的上网中，我们经常会看到一些圆角边框，通常是需要用图片来实现的，那么能不能利用纯CSS来设计表格边框的圆角呢？其实是可以的，今天我们就来看一下CSS实现圆角的实例： title无需图片纯CSS设计Table圆角效果－liehuo.net/t[详细]
-
用css控制图片大小 防止撑破网页
所属栏目：[经验] 日期：2018-09-14 热度：59
烈火网(LieHuo.Net)教程 很久没在烈火网露面了，看到大家为图片控制大小烦恼 我这有段代码 很不错，设置最大宽度是630px 如果大于630就把图片宽度设置为630 高度就会随着比例也会缩小 不会造成图片变形！[详细]
-
css技巧:清除多余的标签让代码更加有意义
所属栏目：[经验] 日期：2018-09-14 热度：161
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
浅谈 Iframe 和 FRAME 的区别
所属栏目：[经验] 日期：2018-09-06 热度：105
一、Iframe标记的使用 提起Iframe，可能你早已将之扔到被遗忘的角落了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地[详细]
-
GridView截取超过一定宽度的字符
所属栏目：[经验] 日期：2018-09-06 热度：160
方法1：css处理： a { width: 80px; overflow: hidden; /*注意不要写在最后了*/ white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } a:hover { text-decoration: none; color: #000; } a href=# style=display:block; ;text-dec[详细]
-
分析border边框属性在浏览器中的渲染方式
所属栏目：[经验] 日期：2018-09-06 热度：80
分析border边框属性在浏览器中的渲染方式 首发小志博客，如果感觉内容还不错而要转载的朋友请不要怜惜 http://blog.linxz.cn/ 这么一个URL，谢谢！ 针对border边框属性在浏览器中的渲染方式很早以前就开始在QQ群中看到大家在讨论，而我也一直以border:0 no[详细]
-
href=＂#＂与href=＂javascript:void(0)＂的区别
所属栏目：[经验] 日期：2018-09-06 热度：133
#包含了一个位置信息 默认的锚是#top 也就是网页的上端 而javascript:void(0) 仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#但跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 你可使用如下例子来测试[详细]
-
5 个简单但非常实用的 CSS 属性
所属栏目：[经验] 日期：2018-09-06 热度：111
这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉，但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性，我指的是旧的 CSS2 中的属性，如：clip，min-height，white-space，curosr 和 display 等一些被所有浏览器广泛支持的属性。因此，千万不要[详细]
-
关于onhashchange事件
所属栏目：[经验] 日期：2018-09-06 热度：89
副标题#e# onhashchange 事件是一个新的事件，改事件在location.hash发生改变的时候触发。FF3.6a2, IE 8, Chrome 4.0.206.1均支持该事件。该事件在ajax无刷新页面提交中，能带来更好的用户体验。我们知道，在一个ajax请求中，每次页面更新不能更新地址栏，[详细]
-
innerHTML与innerText及outerHTML的用法区别
所属栏目：[经验] 日期：2018-09-06 热度：91
用法： div id=test span style=color:redtest1/span test2 /div 在 JS中可以使用： test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是span style=color:redtest1 /span test2 。 test.innerTe[详细]
-
WEB开发中被忽视的DOCTYPE
所属栏目：[经验] 日期：2018-09-06 热度：176
自己在做web开发的时候，往往着重于界面设计及数据逻辑上的处理，而对一些细节不是特别注意。 doctype就是其中一个: !DOCTYPE HTML PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd 1.doctype是什么 doctype标签 用来指定d[详细]
-
doctype的markup validation
所属栏目：[经验] 日期：2018-09-06 热度：141
本文作者：虚度人生 博客：http://www.cnblogs.com/nozer0/ 之前谈过doctype的问题，被忽视的DOCTYPE，最末说了提倡使用!DOCTYPE HTML，最简洁明了且是标准模式。 但是最近发现使用这种方式会产生问题，见代码： !DOCTYPE HTMLhtmlheadtitletest page/titl[详细]
-
CSS 使图片变灰的实例
所属栏目：[经验] 日期：2018-09-06 热度：175
最近项目中遇到个问题，就是要使图片变灰。我想了几种解决方案。 1 一种是图片之间的替换，也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了， 但是就要花费时间去做多余的那些图片了。应该算是比较费事的那种，程序员嘛，都比较懒， 喜欢让计算[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目：[经验] 日期：2018-08-26 热度：137
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果，这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现，实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果，在深入的复杂效果变化就非常多了，[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目：[经验] 日期：2018-08-26 热度：191
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目：[经验] 日期：2018-08-26 热度：85
烈火网(Liehuo.Net)教程 在开发过程中，有时遇到由于缓存问题导致页面不能及时更新，有时页面引入了不必需的样式脚本文件，有时由于文件太多，字节过大导致页面的性能缓慢，为了解决这些问题，个人设想了一个初步的解决方案。 解决方案如下： 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目：[经验] 日期：2018-08-26 热度：108
页面域关系： 主页面a.html所属域A：www.taobao.com 被iframe的页面b.html所属域B：www.alimama.com,假设地址：http://www.alimama.com/b.html 实现效果： A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]
-
技巧：css列的高度自适应控制
所属栏目：[经验] 日期：2018-08-26 热度：72
越来越多的站长加入到互联网的队伍，随着网页w3c标准的逐渐普及，css早已替代古老的表格式网页，烈火网为广大网友精心准备了许多关于CSS的教程，今天我们就来学习一下关于列的控制： 在上文中，我们都已经注明了关于ＣＳＳ的使用，欢迎大家继续关注烈火网[详细]
-
实例：CSS hacks实现跨浏览器多列布局
所属栏目：[经验] 日期：2018-08-26 热度：154
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事，本教程将着重分析出现在多列布局的多个问题，然后为大家等来一个简单全浏览器通吃的解决方法，不使用图片，脚本，CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
XHTML2正式死亡 HTML5成为新宠儿
所属栏目：[经验] 日期：2018-08-26 热度：173
烈火网(LieHuo.Net)讯 W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约，并以此暗示曾经一度野心勃勃的 XHTML 2 的正式死亡。Web 设计界是否该因此而恐慌?毕竟 XHTML 1.x 是所有对 Web 标准验证有着某种情节的人的首选，然而事实并非如此，XHTML 2[详细]
-
CSS样式制作的漂亮WEB横向导航菜单
所属栏目：[经验] 日期：2018-08-26 热度：71
烈火网(LieHuo.Net)网页制作教程 欢迎大家一起来继续学习关于CSS的教程，本文主要以CSS样式为实例，制作了一款非常漂亮的网站导航菜单，代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
浙公网安备 33038102330459号