关于HTML
设计HTML时,不仅要考虑页面整理结构,还要考虑IE的局限。比如IE6,IE8不支持阴影圆角等css3特性,那么要在IE6,IE8下实现圆角等效果,只有通过半透明png背景来实现,对于图片一般设为背景图(除非含有点击事件)。
关于图片设为背景图还是img 。采用img一般是把图片做为网站内容时采用的,比如图片类型的文字,logo,用户头像等。采用背景图的一般是修饰用的,比如某个块的背景,背景图可以进行平铺,还可以通过CSS sprites来减少网页的请求次数。
关于定义id还是class 。 Id在一个页面中只能出现一次。一般定义在一些比较固定的结构上,而且用于在JS中获取节点,样式什么的都交给class吧。
关于button 。 Button在某些浏览器中默认是有点击效果额,如果button有背景图,那么会导致哪些浏览器中的点击效果会很差。
用于submit功能的button,在提交时将属性设为disable防止反复提交,在处理成功后将该属性去除,另外再IE下disable的button样式会有所改变
关于CSS
通用css放到一个文件中,一般有浮动,文字对齐方式,还原浏览器的默认样式,全局字体,隐藏,超链接,过长截断,IE6的png,1到3个字的左右间距样式,还可以加上页面布局的css。
关于css hack :
关于JS
关于动画。使用jquery的slide,fade等动画方法时,很容易发生动画不连贯问题。一般采用setTimeout把动画方法延后处理,当有多个动画同时被触发时,又不想动画都执行,可以采用stop方法来结束一些动画(记得为stop参数)。
发布于 2018-08-05 21:41:48 回复
发布于 2018-12-20 22:11:49 回复