css代码优化简写技巧.docVIP

css代码优化简写技巧 css代码简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS 一、边距（margin padding） Margin----外边距： ①、第一种情况：（上 下 左 右 四个值不同的情况）代码如下： 可以缩写成： 代表的意思是：顺时针 上 右 下 左外边距 ②、第二种情况：（上下 左右 2个值相同的情况） 代码如下： 可以缩写成： ③、第三种情况：（上下 不同 左右相同的情况） 代码如下： 可以简写为： ④、第四种情况：（上下左右相同的情况） 代码如下： 可以简写为： Padding---内边距： ①、第一种情况：（上 下 左 右 四个值不同的情况）代码如下： 可以缩写成： 代表的意思是：顺时针 上 右 下 左内边距 ②、第二种情况：（上下相同 左右不同的情况）代码如下： 可以简写成： ③、第三种情况：（上 下不同 左右同的情况）代码如下： 可以简写成： ④、第四种情况：（上 下 左 右 四个值相同的情况）代码如下： 可以缩写成： 二、边框（border） 代码如下： 可以缩写成： 三、字体（font） 代码如下： 可以缩写成： 注意：（font-size和line-height只能通过斜杠/组成一个值，不能分开写。Aqua: #00ffff ——#0ff Black: #000000 ——#000 Blue: #0000ff ——#00f Dark Grey: #666666 ——#666 Fuchsia:#ff00ff ——#f0f Light Grey: #cccccc ——#ccc Lime: #00ff00 ——#0f0 Orange: #ff6600 ——#f60 Red: #ff0000 ——#f00 White: #ffffff ——#fff Yellow: #ffff00 ——#ff0 三佳专注--网页设计培训、平面设计培训、网站建设