-
Textarea使用cols和rows不应使用css控制高度和宽度
所属栏目:[经验] 日期:2018-09-09 热度:91
烈火网(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-09 热度:93
frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法 使用框架(无论是frameset、frame、iframe)嵌套网页的时候,如果子网页的高度超过了预先设定的高度,会出现滚动条,也就是尺寸溢出,一般来说如果高度超了就出现垂直滚动条,宽度超了[详细]
-
无需图片纯CSS设计Table圆角效果
所属栏目:[经验] 日期:2018-09-09 热度:149
烈火网(LieHuo.Net)教程 在日常的上网中,我们经常会看到一些圆角边框,通常是需要用图片来实现的,那么能不能利用纯CSS来设计表格边框的圆角呢?其实是可以的,今天我们就来看一下CSS实现圆角的实例: title无需图片纯CSS设计Table圆角效果-liehuo.net/t[详细]
-
用css控制图片大小 防止撑破网页
所属栏目:[经验] 日期:2018-09-09 热度:190
烈火网(LieHuo.Net)教程 很久没在烈火网露面了,看到大家为图片控制大小烦恼 我这有段代码 很不错,设置最大宽度是630px 如果大于630就把图片宽度设置为630 高度就会随着比例也会缩小 不会造成图片变形![详细]
-
css技巧:清除多余的标签让代码更加有意义
所属栏目:[经验] 日期:2018-09-09 热度:159
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
浅谈 CSS 的定位和浮动
所属栏目:[经验] 日期:2018-09-09 热度:89
CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、[详细]
-
网页上添加QQ/MSN/旺旺在线聊天代码
所属栏目:[经验] 日期:2018-09-05 热度:135
很多时候我们都喜欢在博客里加上自己的IM联系方式,如QQ:xxxxx之类的,为了方便别人与我们聊天和知道我们是否在线,添加在线图标就是一个不错的创意,当你在线时,你网页上的IM图标将是亮着的,非常方便。尤其是做淘宝客的,在博客中放上一个qq在线聊天或[详细]
-
FrameSet 上加浮动层问题的解决之策
所属栏目:[经验] 日期:2018-09-05 热度:177
最近在项目中碰到一个问题,项目中使用到了FrameSet做主操作窗口,管理员登录时要看到当前在线用户信息,就在页面增加一个浮动在线列表。 在增加浮动层的过程中,做测试时,单个页面增加浮动层没有问题,但是在项目中增加这个浮动层总是显示的有问题,测试[详细]
-
CSS 中Visibility 和 Display 属性的比较
所属栏目:[经验] 日期:2018-09-05 热度:132
如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对? Visibility 和 Display 属性的区别 这里有个 Demo 可以比较 visibility: hidden[详细]
-
如何做网页设计之10个小窍门的经验总结
所属栏目:[经验] 日期:2018-09-05 热度:78
这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。 1、记住:你能掌控的时间是有限的 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你[详细]
-
HTML5中值得期待的postMessage方法
所属栏目:[经验] 日期:2018-09-05 热度:147
postMessage是HTML5中的一个方法,可以用来跨域访问数据。它简单易用,目前 IE8 +、FF3+、 Safari 4.0+、Google Chrome 1.0+、 Opera 9.5+均支持该方法。 你可以按照以下步骤来使用该方法: 在你希望发送信息的window.或者iframe中调用postMessage方法; 指[详细]
-
CSS pointer-events 允许下层元素被点击[译]
所属栏目:[经验] 日期:2018-09-05 热度:182
是否曾经有过这样的经历:把一个元素置于另一个元素之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生[详细]
-
基于 HTML5 的 Windows 画图程序
所属栏目:[经验] 日期:2018-09-05 热度:178
Windows 画图 程序一直伴随着 Windows 各个版本,这个很简单,几乎没有什么用处的程序拥有最基本的绘图功能,很适合用来涂鸦。HTML5 的 Canvas 对象使在线绘图成为可能,虽然 HTML5 还远未成熟,但很多人已经迫不及待地用它设计一些让人惊叹的应用。 Canvas[详细]
-
网络存储:更简便更强大的客服端数据存储[译]
所属栏目:[经验] 日期:2018-09-05 热度:107
导言 随着 Java script的复杂应用和即将推出的的标准和技术,web应用程序变得越来越先进。我们不断依赖这些应用程序,它们中的大部分已成为我们日常生活中的一部分。在Web应用程序开发中,有一个领域一直很匮乏--客服端存储数据的能力。直到现在还是这样[详细]
-
你应该知道的几个CSS3技巧
所属栏目:[经验] 日期:2018-09-05 热度:166
你们中有许多人可能已经听到过有关CSS3的不少传言,但是我们现在能真正用到的CSS3技巧又有哪些呢?本文,我将向你展示一些与众不同的CSS3技巧,这些技巧在一些主要的浏览器中表现良好(如 Firefox , Chrome , Safari , Opera 浏览器)。这些效果会在不[详细]
-
碳纤维风格的插入式导航菜单:HTML代码
所属栏目:[经验] 日期:2018-09-05 热度:75
继上篇碳纤维风格的插入式导航菜单,Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧! 查看CSS/HTML完整版,请点击这里: 布署文件 在我们开始切割图片之前,先在本地web服务器上布署文件,创建文件夹,在新建的文件夹中新建空白[详细]
-
CSS bug与技巧之容器高度等小集合
所属栏目:[经验] 日期:2018-08-28 热度:87
关于容器的包涵关系 很多时候,尤其是容器内有平行布局,例如两、三个float的div时,宽度很容易出现问题。在IE中,外层的宽度会被内层更宽的div挤破。一定要用Photoshop或者Firework量取像素级的精度。 关于高度的问题 如果是动态地添加内容,高度最好不要[详细]
-
CSS BUG与技巧之容器不扩展问题
所属栏目:[经验] 日期:2018-08-28 热度:86
容器不扩展问题 这个是经常在我切图的时候遇到的问题,如: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadFCK:meta http-equiv=Con[详细]
-
CSS教程:Float菜单水平居中的实现方法
所属栏目:[经验] 日期:2018-08-28 热度:189
当HTML元素CSS属性float之后,很难让整体菜单水平居中,可是,我们会想办法来解决这个问题。 我们先写HTML代码,可以看出,跟一般的菜单没有区别。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-[详细]
-
CSS Sprites 图片整合技术的实现方法
所属栏目:[经验] 日期:2018-08-28 热度:164
技术优势: CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。 实现方法: 1、首先将小图片整合到一张大的图片上。 2、然后根据具体图标在大图上的位置,给背景定位。( background-position:-7px -17px; )[详细]
-
一步一步教你实现纯CSS的柱形图
所属栏目:[经验] 日期:2018-08-28 热度:55
烈火网教程 CSS在处理排版之强大,没有做不到,只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体,里面的东西我们根本选择内联无素span,strong,em来填充。 ul class=chartliem使命召唤/emspan: /spanstrong35%/[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[经验] 日期:2018-08-28 热度:147
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[经验] 日期:2018-08-28 热度:185
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目:[经验] 日期:2018-08-28 热度:99
烈火网(Liehuo.Net)教程 在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。 解决方案如下: 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[经验] 日期:2018-08-28 热度:188
页面域关系: 主页面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的宽度和高度是不可预知而且[详细]
