[转]CSS Hack整理

CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务.我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3(文章撰写时版本为3.0.4 523.15), Firefox2(文章撰写时版本为2.0.0.11).在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一.IE系列:selector { +property:value; }...

CSS 用dl dt dd模拟表格实例代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.xiao...

[转]高效整洁CSS代码原则 (下)

6. 适当的代码注释代码注释可以让别人更容易读懂你的代码,且合理的组织代码注释,可使得结构更加清晰。你可以选择做的样式表的开始添加目录:/*------------------------------------1. Reset2. Header3. Content4. SideBar5. Footer----------------------------------- */如此你代码的结构就一目了然,你可以容易的查找和修改代码。而对于代码的主内容,也应适当的加以划分,甚至在有必要的地方在对代码加以注释说明,这样也有利于团队开发:/*** Header ***/#header{ hei...

[转]高效整洁CSS代码原则 (上)

CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则:1. 使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:*{ margin:0; padding:0; }这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。/** 清除内外边距 **/body, h1, h...

JQUERY失去焦点时验证多个表单

今天算忙死了,登录验证用的JS的innerHTML,竟然只要IE9认识。朋友建议用JQ,于是就改成JQ,很少用JQ,看了点文档,写了一个用来验证三个表单,如下: $(function(){ $("#username").blur(function(){//用户名文本框失去焦点触发验证事件 if(!$(this).val())//只处验证不能为空并且只能为英文或者数字或者下划线组成的2-15个字符 { $("#vuser").html("<span style="color:#ff0000; font-siz...

最近回复