CSS 与 浏览器 问题 怎样制作兼容性最好的静态页

下载IE6    而不是IE8   

             

     这不仅仅是因为   领导  上层人物  以及大量的使用者  使用IE6   ,IE8的向下兼容指的是IE6下能看的IE8 一定能看    ,但是IE8能看的IE6 下是什么效果   谁也不能保证.   很可能不对齐 ,有各种各样的偏差 .

    所以制作静态页面   一定要使用IE6!!!

 

 

 

 

 

IE6+   google浏览器   事半功倍

 

       傲游   firefox   IEn   google   360   各个浏览器  ,没必要制作一个网站把所有的 浏览器全都下载一边    ,   有经验的人都知道   ,只要 IE6下  和google下   显示没问题  , 那网站就没问题了

 

 

 

css  样式

 

 

你可以选择   使用提示功能很强大的DREAMWEAVER  也可以选择使用Eclipes+CSS帮助文档   (当然这都是对于初学者  ,经过一段时间之后就全都可以熟练掌握了),

就算是用dreamweaver的话也没必要  一行行复制粘贴   可以直接把文件复制过来占到eclipes里  

 

 

CSS样式  image  储存

 

 

为了方便起见   应分别建立文件夹 CSS  IMAGE   分别存放  样式  和图片

而  在引用过程中   尽量使用相对路径   (  相同曾的文件之间引用    上层的用"../"    下层的用"/"  )

 

 

 

css   使用 小 tip

 

css  开头定义   减少以后由于变宽等因素导致像素计算问题  解决:

*

{

margin:0;

padding:0;

border:0;

}

 

 

开头定义   避免之后ul  li前圆点惹得麻烦

 ul , li 

{

list-style-type:none;

}

 

 

同一个样式的几种不同状况

:link        

:visited

:hover

 

其他更多的变换可以考虑使用javascript

 

 

 

几种常见的滤镜

filter:gray;                            变灰   哀悼日使用过的

filter:fliph/flipv                     两种翻转

 

 

 

边框使用时不显示 解决

 

border:像素数值px    solid   #颜色数值;

 

 

 

其他

 

文字大小    种类    行间距  等等   都可以通过ps解决

各个div像素问题   可以查找dreamweaver