发现在有图片,文字,文本框在同一行里,很难控制对齐。搜索到这篇文章中文的简单说明找到这里,但是按照里面的方法没有解决问题。不知道为什么。有时间再研究一下。
实际工作中碰到问题,通过论坛和搜索解决了,值得记一记。今天收到测试员的邮件,错误截图是IE6里的,在某处搜索结果的10/100出现了2个100,第2个100跑到第2行。在IE7和FF里都是正确的,联想到前些天在blueidea论坛看到的一个帖子,然后就去仔细看了一下,发现有人说这是IE的注释bug.可以通过加clear或者修改注释在程序的位置(其实就是程序员把注释写到div里面去了)。
虽然很早就已经从w3cn.org看到这个hack,但是今天突然发现以前的想法是错的。我以前知道只有IE不支持!important这个语法,其他浏览器都支持,所以在出现浏览效果不同的时候,就强行给某些属性加!important,但是都是后写!important,因为我的理解是IE不支持!important,那它就认定先写的没有!important的值,而后面写了!important的值就是其他浏览器读取。今天看到这个,发现我的想法是不对的。
正确的做法应该先写带!important的值,这样其他浏览器就认定这个优先级最高,读取这个值,然后再写一个为IE的值,由于它不支持!important语法,所以先写的带!important的值被IE读取为那个值,之后又被下面定义的值所覆盖掉,这样在IE里认定的后来写的值,而不是先前写的带!important的值。所以,以后要做CSS Hack,记得要先定义带!important的!!!!!!!!!
要想达到This Page Is Valid XHTML 1.0 Strict!的目标,必须慢慢积累。写网页代码的时候要逐步向标准靠拢。最开始就要避免一些常规的错误.
1.所有的标签都要用小写。比如a,p,span,ul,li div等等。
2.所有的id,class属性后都要用引号。比如id=”wrapper”,class=”logo”。
3.调用java script最好单独把代码写到js文件里,然后从网页头部调用。并且要加type=”text/JavaScript”,不能用language=”Javascript”。
4.所有的单独标签要用/>关闭。比如<br />,<hr />等等。
5.body里没有onload属性,要实现应该用JS。
6.target=”_blank”不符合严格标准定义,要换rel=”external” via
Google Korea页面下方的动态效果研究 Via 明白了background-position中x,y轴的计算方法。