文件名称：高效整洁CSS代码原则
文件大小：162KB
文件格式：RAR
更新时间：2015-05-05 06:23:26
html CSS div
CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则： 1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset： ? *{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同，Reset并不是一成不变的，具体还需要根据项目的不同需求做适当的修改，以达到浏览器的兼容和操作上的便利性。我使用的Reset如下: ? /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */{ border:medium none; margin: 0; padding: 0; } /** 设置默认字体 **/ body,button, input, select, textarea { font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } em{font-style:normal;} /** 重置列表元素 **/ ul, ol { list-style: none; } /** 重置超链接元素 **/ a { text-decoration: none; color:#333;} a:hover { text-decoration: underline; color:#F40; } /** 重置图片元素 **/ img{ border:0px;} /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; }
【文件预览】：
【总结】高效整洁CSS代码原则
----【总结】高效整洁CSS代码原则.htm(78KB)
----【总结】高效整洁CSS代码原则.files()
--------custom.js(181B)
--------o_sidebar_psd_about.jpg(14KB)
--------common.js(45KB)
--------kwicks.js(5KB)
--------2010041713034132.jpg(21KB)
--------jquery.js(92KB)
--------china-pub.jpg(26KB)
--------1714252.jpg(631B)
--------common.css(19KB)
--------customcss.css(6KB)
--------icon_sina.gif(1KB)
--------stat.htm(2KB)
--------style.css(7KB)
--------shStyle.css(17KB)
--------json2.js(3KB)
--------common2.css(1KB)
--------syntaxHighlighter.js(75KB)
--------ShowHidden.js(2KB)