CSS合并共享之CSS优化.pdfVIP

CSS 合并共享之 CSS 优化 CSS 属性选择器合并共享 |CSS 优化 这里 DIVCSS5 主要是讲的 CSS 代码 优化方面来讲解 CSS 属性 的合并。 DIV CSS 代码属性合并好处 1、节约 CSS 代码。从而节约 CSS 代码或 CSS 文件 字节，从而减少客户浏览器下载时间，使网页打开更加快捷。 2 、维护更方便。 CSS 属性选择器 分组合并，让代码更加简便，维护更 加快捷，以改一而同时改几个 CSS 选择器 样式功能。 什么是 CSS 属性选择器合并 CSS 属性选择器合并是指让具有相同属性代码选择器，将他们相同代 码提取出来然后合并成一个 CSS 属性选择器，而他们命名以逗号隔开。 如下图： DIV+CSS 合并用法 1、将不同 CSS 选择器中各个相同代码（相同代码较多可使用，如果相 同代码较少去合并反而造成代码臃肿）提取到一个未命名选择器里如 {} 内。 如下演示代码 假如以上 3个在一个页面里不同地方使用声明的样式选择器内的样式前 部分相同，但是唯一（或有点不同），这个时候我们就为了方便以后修 改维护及节约代码我们就可以将这 3个CSS 选择器合并。 2 、提取相同样式 “border:1px solid #000; height:24px; width:100px; 并 ” 新建一个没有命名的选择器如下代码： {border:1px solid #000; height:24px; width:100px; } 然后将三个样式命名以小写 逗号“ ”+空格隔开放到各个新建无名选择器 前如下： 同时将那 3个相同提取出来的去掉如下代码： 这样合并就完成，对比以前的 感觉是否简单多了。 当然 CSS 代码合并共享选择器，如果 CSS 代码少不能体现出来，如果代 码多复杂将会体现出来他的优势。同时如果一个网站多个页面公用一个 CSS 样式 ，要求网站内的背景栏目标题字体颜色、内容背景样式要改变 几处将达到整站样式改变，使用此方法将各个不同 CSS 选择器中样式分 别提取出来合并组合成一个新的共享 CSS 选择器，即可实现改变一处将 改变整个如栏目 背景 、文字样式 、颜色 等样式，这样将体现 CSS 优化优 越性能。