zoho - 博客园

在浏览器中保存本地文件1

摘要：更新：大部分浏览器的最新版本都支持通过 Blob 来保存本地文件，具体方法见这里。前一篇已经总结了在浏览器中打开本地文件的方法，现在接着总结保存本地文件的方法，同样以保存 textarea 的内容到本地文件为例。首先还是 IE，IE 的 document.execCommand 函数中可以使用 SaveAs 参数来将当前网页保存到本地文件。我们利用 iframe 就可以实现保存 textarea 内容到文件的目的。例子如下：<html><body><textarea id="areaid">hello this!</textarea 阅读全文

posted @ 2012-04-04 18:31 zoho 阅读(952) 评论(0) 推荐(0)

CSS 中三栏布局的实现

摘要：一、左右三栏布局前面所述的左右双栏布局的实现方法，嵌套地使用可以得到各种左右三栏布局，但是这样看起来有些啰嗦。因此，最好还是用直接的方式实现三栏布局。对于三栏布局，依照左中右是固定还是流动来划分，同样有各种情形：（1）固定-固定-固定；（2）固定-固定-流动；（3）固定-流动-固定；（4）固定-流动-流动；（5）流动-固定-流动；（6）流动-流动-流动。这些布局方式的一个流动指占用剩余的宽度，二个或三个流动指按指定比例分配剩余的宽度。和双栏的情况类似，布局（1）和（6）各部分都使用同样的长度单位，是最简单的，我们只需要用元素的 float 属性就可以实现了。类似地，布局（2）和（3）中只有一个阅读全文

posted @ 2012-04-04 18:30 zoho 阅读(406) 评论(0) 推荐(0)

CSS 中双栏布局的实现

摘要：用 CSS 可以比较简单地实现各种双栏布局，这里以左右双栏布局为例。双栏布局包括如下四种：（1）左右均为固定宽度；（2）左右均为比例宽度；（3）左边为固定宽度右边为浮动宽度；（4）右边为固定宽度左边为浮动宽度。（1）左右均为固定宽度：这种情形比较简单。CSS内容如下：#left { width: 300px;}#right { width: 700px; float: left;}（2）左右均为比例宽度：这种情形也简单，CSS内容如下：#left { width: 30%;}#right { width: 70%; float: left;}注意左右的宽度比例之和最好不... 阅读全文

posted @ 2012-04-04 18:29 zoho 阅读(1092) 评论(0) 推荐(0)

网页的文档对象模型

摘要：要制作网页，首先必不可少的是了解文档对象模型（DOM）。DOM 就是对网页的各个元素之间的包含关系以及每个元素的属性的描述，例如<html> <head> <title>Hello This!</title> </head><body> <h1>Header</h1> <div> <p>Paragraph</p> </div></body></html>对于一个网页文档来说，html 是最顶级的元素，它包含 head 和 bod 阅读全文

posted @ 2012-04-04 18:28 zoho 阅读(271) 评论(0) 推荐(0)

网页元素的比例长度

摘要：在设置网页中元素的比例长度时，需要注意先设置好它的所有父元素的长度。比如下面的代码将无法将一个 div 的高度设为100%：<html><head> <style type="text/css"> div { height: 100%; background: green; } </style></head><body> <div>Hello This!</div></body></html>这是因为，div 的父元素 html 和 body 的高度没有设阅读全文

posted @ 2012-04-04 18:27 zoho 阅读(300) 评论(0) 推荐(0)

网页设计学习笔记