星緣心幻灑飄筆 鈴彩靈幽快樂詞 丹脆耽霞童趣襯 宇思語意悅虛奇
这里是“CSS”标签下的日志
2010.06.14

table的边框

- [炮制铃丹]

一般用表格table的时候,喜欢这么定义边框,0为无,1为有。

<table border="1">

其后果就是……实在太丑了。直到看到另一个方法,给table定背景。先写table

<table border="0" cellpadding="1" cellspacing="1">

然后定css:

table{background:#ddd}
td{background:#fff}

是不是感觉清爽得多呢?无图,真相自行试验了。

ie6和display:block也属于冤家,这个问题源自今天有人在我这里留言说,我的站在ie6下惨不忍睹。我就纳闷,以前测试过,应该能睹的。于是就检查了下:大致只发现这个问题,顶部菜单,因为用display:block,在ie6下,其width就成了100%,把其它链接都挤下去了。测试了下,解决方法:

加个float:left,似乎就好了。

原文:Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs

翻译:http://www.vfresh.org/w3c/727

(这篇文章主要是整理出来以便于自己使用,所以进行了大量的简化和加入了自己的看法。)

1、终极方法:条件注释

前几天的某天,无意中用opera浏览器打开了自己的小站,发现border错位问题,由于一种略微偏激的对完美的追求加之其余各大大小小事务的影响,导致数日开博忘字,未能更新。

今天在师傅大人的提点下,修整了css,解决了错位问题,并且把侧栏用js隐藏了(放出来也觉得不太雅,内容又不能太多),唯独ie6下的效果还不尽完美,看无太大问题也懒得理会了。看来自己的css组合能力还需要努力提升,不能一次做到全兼容,誓不罢休呀。

今天的一个不痛不痒只能拿来秀的好消息是Google PR更新,YYLD.net从4到了5,510700.com从0直接跳到4,都吓了我一跳。已经不做链接很久了,居然还能升……嘿嘿,看来PR的链接,意味深长呀。

今天有朋友在QQ群里问,css里的html{}作用。这个标签是挺不常用的,在师傅的提点下,才知道,它和body一样,是定义标签的。因为一般网页代码都是这么写的:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

既然可以定义<body>的css为body{}(这个一般还非定不可),也就可以定义<html>的css为html{}。不若自己写了几个简单的css,在各浏览器下看: