1能够使代码精简，使用div+css布局使代码很是精简，css文件可以在网站的任意一个页面进行调用，避免了使用table表格修改部分页面2提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其浏览访问速度。

使css代码劲量精简的方法分组和嵌套 新建html文件，创建样式和标签 展示效果如图 为了精简代码，我们把刚刚的代码写在一起效果和刚刚的一样，但是代码精简了不少 创建嵌套样式 没有应用嵌套样式之前的代码，显示效果是这样的。

1 可以更好地控制网页布局Div+CSS可以更好地控制网页布局，使得网页布局更加灵活，更易于维护，更容易实现复杂的布局效果2 更好的可访问性Div+CSS可以更好地实现网页的可访问性，使得网页更加易于被搜索引擎抓取。

你可以用他们提供的gulpbuildtool用什么加什么如果你开发时也在用gulp的话，可以直接引入他们的gulpfilejs加几个task到你自己的buildtask。

样式1简洁型css圆角矩形css代码b1，b2，b3，b4，b1b，b2b，b3b，b4b，bdisplayblockoverflowhidden b1，b2，b3，b1b，b2b，b3bheight1px b2，b3，b4，b2b，b3b，b4b，bborder。

css的话可以使用预处理语言sass或者less，利用变量可以减少代码使用量，也 更易维护和扩展js的话可以封装一些重复使用的函数方法，用最高效的代码解决业务逻辑，比如判断可以三元运算符，函数还可以使用箭头函数，表单验证时用。

1代码约简洁越好 网页浏览速度要增加，有必要降低页面文件的大小，尽可能简化使用代码，字节数当我们做一个粗体字的时候，可以用 B或strong的标签，在相同的前提下，为增稠网站速度效果，我们最好使用B标签，因为strong比。

CSS代码缩写可以提高你写代码的速度，精简你的代码量在CSS里面有不少可以缩写的属性，包括margin，padding，border，font，background和颜色值等，如果您学会了代码缩写，原本这样的代码lifontfamilyArial， Helvetica， sansseriffont。

transition等二CSS书写规范 1使用CSS缩写属性 CSS有些属性是可以缩写的，比如padding，margin，font等等，这样精简代码同时又能提高用户的阅读体验2去掉小数点前的“0”3简写命名很多用户都喜欢简写类名，但前提是要让。

首先有几个问题需要强调一下，这里的CSS不仅仅存在简化的问题，还有几处小错误1 h1~h6这六个标签是标题标签，其中 定义最大的标题， 定义最小的标题默认都是加粗字体，所以本例中h1的加粗可以不写2 fontweigh。

2精简JS，尽量使用JS框架实现网页特效 3CSS样式合并精简 这个是做页面优化的基础知识，很多网站设计者在设计网站的时候，在页面中直接使用了CSS，或者是在布局中使用了很多无用的代码这些代码最好写在CSS文件中，页面。

当然要设置backgroundrepeat另外用CSS3的话可以不用图片，borderradius可以定义方块的圆角，不过目前支持CSS3的浏览器只有IE9FIREFOXchromesafari，局限性很大目前国内依然是以IE6为主流，支持性是最差的。

说一下我的思路吧“联合缴费系统”为文字隐藏 帐号密码验证码登陆重置等为文字隐藏 网格及后面的白色背景那一块单独切片导出成GIF颜色数可以选32左右，这样就非常小 按钮单独切片导出成JPG品质。

CSS具有精简代码，降低重构难度提升网页访问速度利于SEO优化等优势，能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力2相关实例 如果你要在 HTML元素中设置。

原因有二，一是CSS可以层叠，其中涉及到了优先级和作用范围，如果写的不好，人很难读出其中的意义，二是CSS属性众多，加上CSS3引入了很多用法独特的属性，一个选择器可能包含几十个属性比如下面这段我随便写的CSS代码s。