无风的港湾

当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。

把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。 (更多…)

如何改变网页上方方正正的div和table等元素，一直是个比较繁琐的问题。使用单纯的css是无法做出圆角效果的，传统的做法是制作圆角的图形，再使用表格或者css定位加入到目标的四个角。比如wordpress的这个模板是通过三个图片实现：一个是整个页面的背景图（垂直双线背景），两个分别是上下端带两个圆角的背景图。

而使用openrico可以非常方便的给页面元素加上圆角效果。只需要一个javascript语句。

openrico需要prototype.js库。首先在页面包含js文件：


<script src="include/prototype.js" type="text/javascript"></script>
<script src="include/rico.js" type="text/javascript"></script>
然后，假设需要增加圆角的元素为


<div class="mainmenu" style="background-color: #268dcf">
<div style="padding-right: 5px; padding-left: 5px;
padding-bottom: 5px; padding-top: 5px;
text-align: center">测试</div>
</div>
现在只需要一个简单的js语句


<script>
   new Effect.Round('div', 'mainmenu' ,{compact:true});
</script>
注意这里是通过new Effect.Round使所有class为mainmenu的div都加入圆角修饰。
也可以通过对象id来增加圆角修饰，比如对于
<div id="test">
就可以使用

var roundCorners = Rico.Corner.round.bind(Rico.Corner);
roundCorners(test);更多具体的使用可以见openrico.org网站。

(更多…)

　　AJAX中请求远端文件、或在检测远端文件是否掉链时，都需要了解到远端服务器反馈的状态以确定文件的存在与否。

　　当然，在我们平常浏览网页时，也会发现一些文件不存在时显示为“404错误”，这就是常见的Http请求状态（status）

　　Web服务器响应浏览器或其他客户程序的请求时，其应答一般由以下几个部分组成：一个状态行，几个应答头，一个空行，内容文档。下面是一个最简单的应答：

　　状态行包含HTTP版本、状态代码、与状态代码对应的简短说明信息。在大多数情况下，除了Content-Type之外的所有应答头都是可选的。但Content-Type是必需的，它描述的是后面文档的MIME类型。虽然大多数应答都包含一个文档，但也有一些不包含，例如对HEAD请求的应答永远不会附带文档。有许多状态代码实际上用来标识一次失败的请求，这些应答也不包含文档（或只包含一个简短的错误信息说明）。

　　当用户试图通过 HTTP 访问一台正在运行 Internet 信息服务 (IIS) 的服务器上的内容时，IIS 返回一个表示该请求的状态的数字代码。状态代码可以指明具体请求是否已成功，还可以揭示请求失败的确切原因。 (更多…)

· ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 有值。

· 同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。

· 初学可能会碰到这样一个情况，同样一个标签的属性在 IE 设置成 A 显示是正常的，而在 Mozilla 里必须要设成 B 才能正常显示，或者两个倒过来。
临时解决方法：选择符 {属性名:B !important ; 属性名:A;} //IE7 下无效

· 如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的 margin 属性吧，而不要去定义位于外面的标签的 padding

· li 标签前面的图标推荐使用 background-image 而不是 list-style-image

· IE 分不清继承关系和父子关系的差别，全部都是继承关系。 (更多…)

在论坛中常常有网友问到，可以在一个html的文件当中读取另一个html文件的内容吗？答案是确定的，而且方法不只一种，在以前我只会使用iframe来引用，后来发现了另外的几种方法，那今天就总结这几种方法让大家参考一下。 (更多…)

当你从数据库里读出一段英文字符在表格里时，内容不换行将撑破表格．

如下代码可以解决表格被撑破的问题

<table style='table-layout:fixed'>
　<tr>
　<td style='word-wrap : break-word'>需要折行的文字内容</td>
　</tr>
</table>

只列出css代码，具体代码看演示。

一、最基本的：二级dropdown弹出菜单

不好描述先看演示：http://www.macrolong.com/blog/attachment/div_css_menus/basic_dd.htm

(更多…)

　　因为最近一直在弄MePHP CMS的相册系统，所以也就一直在研究如何能够让相册的图片显示的更好，于是就想到了为图片添加阴影效果，网上的图片阴影效果一般都是用背景图片或者是css的滤镜实现的，不过用滤镜在非IE内核的浏览器下一般就没有效果了，而用背景图片虽然能够得到较好的表现，但是一来不好控制（如果用固定的背景图片，则你要显示的图片大小也要固定），二来比较麻烦（如果要自适应图片的大小，则要用很多个背景图片才能实现）。 (更多…)

/* mozilla.org Base Styles
* maintained by fantasai
* (classes defined in the Markup Guide – http://mozilla.org/contribute/writing/markup)
*/
/* Suggested order:
//显示属性
* display
* list-style
* position
* float
* clear
//自身属性
* width
* height
* margin
* padding
* border
* background
//文本属性
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*
*/