css代码化简写技巧.docVIP

css代码优化简写技巧 css代码简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS 一、边距（margin padding） Margin----外边距： ①、第一种情况：（上 下 左 右 四个值不同的情况）代码如下： 可以缩写成： 代表的意思是：顺时针 上 右 下 左外边距 ②、第二种情况：（上下 左右 2个值相同的情况） 代码如下： 可以缩写成： ③、第三种情况：（上下 不同 左右相同的情况） 代码如下： 可以简写为： ④、第四种情况：（上下左右相同的情况） 代码如下： 可以简写为： Padding---内边距： ①、第一种情况：（上 下 左 右 四个值不同的情况）代码如下： 可以缩写成： 代表的意思是：顺时针 上 右 下 左内边距 ②、第二种情况：（上下相同 左右不同的情况）代码如下： 可以简写成： ③、第三种情况：（上 下不同 左右同的情况）代码如下： 可以简写成： ④、第四种情况：（上 下 左 右 四个值相同的情况）代码如下： 可以缩写成： 二、边框（border） 代码如下： 可以缩写成： 三、字体（font） 代码如下： 可以缩写