今天做的小项目遇到的问题

今天独立的做了一个静态网页的项目,才知道了原来会做和能做是两个区别,虽然平时常常做一些小的特效,也觉得自己还是知道一些东西的,但是实践又是一回事,要懂得每个css标签的搭配,和精准的定位。还有精确到一像素的定位。在这个项目中我总结了一些问题

1. 想要兼容所有浏览器,尤其是可恶的IE6,必须要最HTML中所有的标签都有css的布局,如果不这样统一的话,会有浏览器不兼容,比如 说:<li><img src="image/pic_1.jpg" /><li><img src="image/pic_1.jpg" /><em><img src="image/pic_3.jpg"  /></em><a href="##">流体转动及控制</a>   这句话如果不对里面的img标签定位的话就会造成浏览器的不兼容<em><img src="image/pic_3.jpg"  /></em>这句话本来要求的是右浮动,但是如果到了IE67的话就会变到下一行。

2.关于boerder的使用,虽然学习了不到一年但是这个项目让我知道了我还只是一个初学者,border首先必须要border-style:;什么形式。然后没有像素的话也是不会显示的

3.还有就是切片问题,按比例切也是没有问题的,图层问题都是属于一类的;

4. 还有就是一些小知识,text-decoration:none;取消a标签的下划线;list-style-type:none;取消li标签的前面的 点,font-weight:bold;让字体变粗;letter-spacing:2px;字体之间的间隔;list-style- image:url(../image/pic_2.jpg);这个是吧li标签前面的点换为一个图片;font-style:normal;这个是取 消<em>标签的倾斜;


你可能感兴趣的:(html,css,兼容性)