4/16/2008

css 学习之二

前段时间做了一个调整firefox下css的工作。总结了一些技巧。

  1. IE6的盒模型是与是否声明doctype有关的。声明了则为标准盒模型width = content+padding+border+margin.否则与IE5一致。
  2. li2> 尝试使用em声明字号时候发现,子级元素继承父级元素的大小,但是table默认是不继承外围字号的。如需要继承。可使用table{font-size:inherit;}。使用em时先定义body{font-size:63%},设为62.5%ie下字体会略小。
  3. firefox和opera支持max-width和min-width,用来限制布局的过分自由。
  4. 注意用多个class指定样式优先于单个class。 属性>!important>内联样式表>id>多个class>单个clas>标签
  5. 导入样式表 @import url(sample.css) 尽量不使用引号。
  6. 关于表格 合并边框border-collapse:collapse.
    需要固定宽度:table-layout:fixed
  7. 给一些标签加入title属性大大提高了可读性。
  8. link visited hover active 中间的两个不可交换顺序。
  9. 容器不扩展问题。子级元素浮动,需在后面加上清除浮动的div.clear .clear{font:0px/0px sans-serif;clear:both;display:block;}
  10. 高度不适应问题。内层对象设置margin和padding后外层对象的高度不重新计算。这时候也需要再上下各加入一个不占高度的div.empty。.empty{height:0px;overflow:hidden;}
  11. 自动折行 IE (1)word-break:break-all;(2) white-spacing:normal FF 还需要加入overflow:auto
  12. 表格固定宽度且不换行 (1) <td width="25%"> <div> content </div> </td>其中td宽度必须为百分比
  13. 半透明效果的实现
    IE:filter:alpha(opacity=50);
    firefox:-moz-opacity:0.5;
  14. z-index大的层,背景图片仍可能被z-index小的层遮盖

重新写博客了【浴火重生】

很久没有更新了。blogspot不时的被盾,让我失去了写博客的兴趣。因为我还没有找到一个风格让我喜欢的博客提供商。这一次我要想办法让这个博客重新活起来。

6/25/2007

今日问题

1)myiasm与innode的区别:后者更强大,支持事务和外键 2)插入中文显示 data too long 字符集不能识别,修改数据库字符集或者插入数据时在前面 写成_gbk("中文")

6/08/2007

关于字体

使用XP字体
cd /usr/share/fonts
ln -s /media/hda1/Windows/Fonts xpfonts
cd xpfonts
mkfontscale
mkfontsdir
fc-cache

6/03/2007

技巧集

  1. 关闭终端声音
    1. xorg下:xset b off
    2. 字符终端下:/etc/inputrc 加了set bell-style none
    3. vi下:set vb t_vb=
    4. Emacs 下:在.emacs里加入(setq visible-bell t)

5/29/2007

shell之test用法集合

1)判断表达式
if test (表达式为真)
if test !表达式为假
test 表达式1 –a 表达式2 两个表达式都为真
test 表达式1 –o 表达式2 两个表达式有一个为真

2)判断字符串
test –n 字符串 字符串的长度非零
test –z 字符串 字符串的长度为零
test 字符串1 = 字符串2 字符串相等
test 字符串1 != 字符串2 字符串不等

3)判断整数
test 整数1 –eq 整数2 整数相等
test 整数1 –ge 整数2 整数1大于等于整数2
test 整数1 –gt 整数2 整数1大于整数2
test 整数1 –le 整数2 整数1小于等于整数2
test 整数1 –lt 整数2 整数1小于整数2
test 整数1 –ne 整数2 整数1不等于整数2

4)判断文件
test File1 –ef File2 两个文件具有同样的设备号和i结点号
test File1 –nt File2 文件1比文件2 新
test File1 –ot File2 文件1比文件2 旧
test –b File 文件存在并且是块设备文件
test –c File 文件存在并且是字符设备文件
test –d File 文件存在并且是目录
test –e File 文件存在
test –f File 文件存在并且是正规文件
test –g File 文件存在并且是设置了组ID
test –G File 文件存在并且属于有效组ID
test –h File 文件存在并且是一个符号链接(同-L)
test –k File 文件存在并且设置了sticky位
test –b File 文件存在并且是块设备文件
test –L File 文件存在并且是一个符号链接(同-h)
test –o File 文件存在并且属于有效用户ID
test –p File 文件存在并且是一个命名管道
test –r File 文件存在并且可读
test –s File 文件存在并且是一个套接字
test –t FD 文件描述符是在一个终端打开的
test –u File 文件存在并且设置了它的set-user-id位
test –w File 文件存在并且可写
test –x File 文件存在并且可执行

5/12/2007

Ajax学习

ajax流程
    主线程
  • 初始化
  • >创建xmlHttpRequest对象
  • >定义事件处理函数
  • >开始XMLHTTP请求
  • >创建新请求
  • >发送新请求
  • >...
    异步线程
  • 事件处理函数
  • >判断当前状态
  • >执行操作
  • >...
    步骤:
  1. 初始化xmlHttpRequest对象
  2. 制定响应处理函数
  3. 发出http请求
  4. 处理服务器返回的信息

创建xmlHttpRequest对象需要考虑浏览器的兼容问题。
ie:xmlHttp=new ActiveXObject(Microsoft.XMLHTTP)
ff:xmlHttp=new XMLHttpRequest()

有些版本的ff处理服务器返回的未包含XML mime-type头部信息的内容时会出错。加上http_request.overrideMimeType('text/xml')

XMLHttpRequest的方法有open(method,url,AsyncFlag),send(content),setRequestHeader("Lable",value),getResponseHeader(headerLable),getAllResponseHeader()

XMLHttpRequest的属性有:onreadystatechange,readyState,responseText,responseXML,status等。
readyState=0,1,2,3,4,0 分别代表未初始化、读取中、 已读取、交互中、完成
status=200,404分别代表“成功”和“文件未找到”

post与get。如果要send字串或dom对象,必须用post方法,使用Post方法时必须先调用方法setRequestHeader,修改 MIME 类别。