关于这篇文章实在早就想写了,只是由于自己太懒才一直拖到现在。重要想谈谈在网页制作中几个比拟轻易被疏忽的标题,算不上什么高深的教程,只是自己平时工作学习中所碰到的标题积累,写下来一是可以给初学者提个醒,二来也是帮自己做个笔录,毕竟年纪大了,记性不好了...
1、让你想当然,给你点色彩看看
这个标题实在被很多人疏忽,小到个人站点,大到门户网站都有可能犯这个错误。不信想想看,假如你所做的网站背景是白色的,那么你还会记得在 CSS 里写下 Background-color:#ffffff 这句代码吗?我敢打赌,大部分人不会!并不是由于大家偷懒,而是这个举手之劳被彻底疏忽了,为什么?由于我们所用的 Windows 把持系统在大多数的情况下,运行在其上的各种软件的默认背风景是白色,这其中就包含 IE 浏览器,所以在网站背景是白色的条件下,很多的网页制作者就想当然的疏忽了关于背风景的设置,反正大家都是白色,不设的话也看不出来。但是不要忘记了,Windows 从 XP 开端支撑系统主题的调换,有很多第三方的主题会更改系统默认的设置,其中就包含背风景的设置,假如没有强迫设定页面中的背风景,那么页面就会以当前浏览器的背风景来显示内容,其成果就是网站雅观性被大大的下降,拿大家都熟悉的网易来举例,下面的截图是在我机子上浏览时的样子,由于前不久换了一套 Vista 的主题作风,所以浏览器的背风景变成了浅灰色。
仔细看看网易的 Logo ,看出来吗?对,那个 Logo 的背景是白色的,但旁边的背风景却是灰色的,换句话说就是网易全部页面的背景原定就是白色的,这在浏览器背景为白色的条件下是看不出什么来的,但是像现在这样就“漏馅”了。不光是网易 ,很多的门户站都是这样,具体我就不往举例了,可见关于 Background-color 设定的重要性。所以,不论你的网站是什么样的背风景,请一点记住把它设定好,哪怕它是白色!
2、立正!向左~~~看齐
大家都知道 Table 的默认程度对齐方法(align)为左对齐,设 align="left" 和不设其后果是一样的,于是很多人不往设置这个属性,我以前也是如此。但是在某些特别的情况下,IE 会把默认的左对齐懂得为居中对齐,从而导致页面的排版呈现标题,固然说具体是什么情况下会出标题连我自己都说不明白,但是这种情况尽对存在,所以大家在做页面的时候必定要习惯性的设置表格的 align 属性,不要偷懒跳过这步,对页面的表现来说,这所谓的多此一举尽对有益无害。
3、单元格宽度-隐形杀手
不知你有没有遇见过这种情况,假设当你给一个单元格的 align 设置了左对齐后,却发明放在单元格中的文字并没有利用该属性的后果,反而持续是居中显示,查看文字两端也并没有发明任何垃圾代码包含其中,可是无论如何都转变不了文字的地位。愁闷吗?反正当时我是很愁闷,直到后来,我才发明本来是单元格的 Width 属性在作怪,将其删除或重新设置后标题得到解决,所以,当你也碰到同样的标题时,不妨检查一下出标题单元格的 Width 设置,信任你会找到解决的方法。
4、打逝世转动条都不消散
有时为了一些个性化的需要,有些人爱好将浏览器的转动条暗躲掉,这个后果做起来很轻易,但是有时会发明明明代码一点标题没有,而且查看用的浏览器也不是非 IE 内核型的,但可恶的转动条就是不消散!而且这个标题很多都呈现在用 DW 等可视化编纂软件制作出的网页上。那原因是什么呢?实在原因就在该页面的头部代码里,查看该页面的源代码,你会发明在最上边有类似这样的两句代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这两句代码叫做 DOCTYPE 声明,是 Document Type(文档类型)的简写,用来阐明你用的 XHTML 或者 HTML 是什么版本。简略点说这两句代码是制作尺度化页面所必不可少的关键组成部分,浏览器就是根据你定义的文档类型来说明你页面的标识,并展现出来的。换句话说,假如你定义了一个错误的 DOCTYPE,那么你的标识和 CSS 都不会生效。而定义转动条显示与否的 overflow、overflow-x、overflow-y 这三个属性恰恰没有被网页尺度所采用,所以假如你的页面上方定义过 DOCTYPE ,那么这三个属性便是无效代码了,解决方法就是删除头部的 DOCTYPE 声明,固然在尺度日益普及的今天不推荐这么做。
5、都是注释惹的祸
为代码写注释是个好习惯,但是有时也会呈现一些标题,例如为 CSS 写中文注释。
假如你为自己定义的 CSS 写了中文注释,那么在一些特别情况下(例如服务器真个支撑,页面所用的程序类型等)会导致部分代码无故失效,这种情况我遇见好几次了,所以在技巧上没解决这个标题之前,还是不要为 CSS 写注释的好,养成良好的命名习惯足以让其它人看懂自己代码的意义,即使必定要写,也请用英文写吧...什么?拼音!!!拜托,你用拼音试试看,保证一个星期后连你自己都不明白那写的是什么。
6、神啊,发光吧~~~
这个标题有些滥竽充数的嫌疑,只是有很多人问起过,所以也一并放上来。是关于 CSS 的 Glow Filters ,这个滤镜的后果是对围绕对象内容边缘制作发光后果,也有人称描边后果,多被用在文字的表现上,但是很多人在应用了该滤镜后发明并没有呈现想要的后果,究其原因多半是由于把这个滤镜直接应用到了文字上,要知道该滤镜对文字是没有后果的,那为什么还能制作出发光文字呢?那是由于必定要把它应用在放置文字的容器上,例如 Table 。所以,假如没有后果的话,就检查一下是不是用错处所了。
该滤镜的另外一个标题是,固然发光后果是有了,但是感到文字上的那圈光晕似乎是被裁了一样,少了一块似的。这是由于所放置文字的容器高度低于该滤镜的发光范畴所至,解决方法有三种:
1、缩小 Font-Size
2、增加 Height 值高度
3、下降 Strength 值的大小
7、思考中...
实在这些标题都不是什么了不起的大标题,但往往越是小标题才越轻易被人疏忽,盼看上面这些经验教训对你能有所帮助,哪怕有一个人从中收益就不枉我罗哩罗嗦这么半天了