另一个常见CSS缩写的实用集合

为什么是CSS缩写？在设计标准网页时，需要编写大量的CSS语法。一般我们可以通过Dreamweaver软件的CSS Style面板自动生成相应的CSS代码。虽然软件生成的CSS代码可以清晰、轻松地阅读，但正是因为对样式定义的清晰解读，使得CSS代码的阅读显得冗长、复杂，CSS代码的字节数也在不断增加.对于那些追求高效率和完美的人来说，这是非常不能容忍的。例如，当我们定义元素的填充大小时，我们使用填充。上、右、下、左对填充有不同要求时，软件生成的代码可能如下：填充-右侧：20 px；填充-bottom :3 px；左填充left:20px}如果简单编写，可以复制代码如下： T2 { padding :3 px20 px3px 20 px；}padding的四边形值依次对应上(上)、右(右)、下(下)、左(左)。当然这个例子也可以缩写为：复制代码如下： T3 { padding :3 px20 px3px；}当left不可用时，默认值为right，当bottom不可用时，默认值为top，因此本例中最简单的是： t4 { padding :3px20px}(当然，如果填充是一个值，则意味着右上和左下是相同的。)cnbruce cnrose cnjames www.cnbruce.com【ctrl a all-selected note :如果需要引入外部Js，只能刷新】上面例子中冗长的四行代码浓缩成一行引入代码——，这是CSS缩写的优势。当然，很多时候我们在学习别人的CSS经验时，也会看到很多类似的CSS缩写。但是如果不了解，就无法理解学习这些CSS方法的体验。因此，我们必须了解和掌握一些常用的CSS缩写语法。常用的CSS缩写语法1、背景背景属性如下：background-color : # FFCCFF；background-image : URL(/images/2007-6 . jpg)；背景-repeat : no-repeat；背景-附件： fixed；背景-位置：中心底部；

CSS代码可以缩写为：background : # fcfrul(/images/2007-6 . jpg)No-repeatfixeddcenterbottom；背景：背景颜色、背景图像、背景重复、背景附件、背景水平位置、背景垂直位置，其中背景颜色“#FFCCFF”也可以缩写为“#FCF”，针对十六进制色值，如果每两位(RRGGBB)的值相同，可以缩短一半(RGB)。同时，背景图像不需要双引号。