DIV+CSS代码优化方案是怎么样的

本篇文章给大家分享的是有关DIV+CSS代码优化方案是怎么样的，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。你对DIV+CSS代码优化的概念是否了解，这里和大家分享一下，首先让我们看一下CSS代码优化作用与意义。DIV+CSS代码免费云主机、域名优化方案CSS代码优化作用与意义1、减少占用网页字节。在同等条件下缩短浏览器下载CSS代码时间，相当于加快网页打开速度2、便于维护。简化和标准化CSS代码让CSS代码减少，便于日后维护3、让自己写的CSS代码更加专业。CSS优化方法-需要优化CSS代码地方1、缩写CSS代码。2、排列CSS代码。3、同属性提取共用CSS选择器。4、分离网页颜色和背景设置样式（较大站点需要注意）。5、条理化CSS代码。实例讲解以上几点DIV+CSS优化方法1、缩写CSS代码常用需要缩写CSS属性代码如下：background(背景属性-CSS手册详细了解background手册)未优化前以上CSS代码可以简写为解释：背景颜色为白色，并以X坐标重复DIVCSS5.gif图片，并且图标居下。未优化CSSbackground属性相同margin(外补白属性-CSS手册详细了解margin手册)未优化前优化简写为意思和属性效果同上，可详细了解CSSmargin介绍padding(内补白属性-CSS手册详细了解padding手册)未优化前优化简写为意思和属性效果同上，可详细了解CSSpadding介绍border(边框属性-CSS手册详细了解border手册)未优化前可以简写为意思同上未优化前
如果是只设置左边边框为1px，颜色为黑色的实线CSS代码如下font(字体属性-CSS手册详细了解fonts手册)字体的属性如下：可以缩写为一句：font:italicsmall-capsbold12px/22px”黑体”;注意，如果你缩写字体定义，至少要定义font-size和font-family两个值了解CSSfont技巧。2、排列CSS代码。通常我们代码如下排列这样将占CSS文件很多的空格和回车位空间，这里还占用了12行CSS文件空间
建议你改写为这样将节约空格和回车位，及CSS文件行数，从而节约代码文件字节。3、同属性提取共用CSS选择器。这个要了解的是如果有两个部分的CSS属性如宽度高度字体颜色都相同，而有很小一点不同，这个时候我们就需要提取大家相同的CSS样式出来，单独命名一个CSS属性选择器，从而节约CSS代码。
如：这里的yangshi和yanshi2两个样式有相同的字体大小为12px，边框相同,内补白相同，只有宽度不同，这个时候我们就可以提取他们相同部分并重新新建个CSS选择器和重用新建CSS属性选择器演示如下

相关推荐: nodejs中怎么定义全局变量

本篇内容主要讲解“nodejs中怎么定义全局变量”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“nodejs中怎么定义全局变量”吧! 免费云主机、域名 在nodejs中，可以利用全局对象global来定义全局变量，所…