CSS是前端开发中必不可少的技能之一,它可以让我们实现各种炫酷的效果。但是,在编写CSS的过程中,会遇到很多重复的代码,这时候就可以使用CSS缩写来简化代码。下面是一些常用的CSS缩写网名:
bg // background bd // border clr // color dis // display fl // float fnt // font hgt // height mrgn // margin pd // padding pos // position wd // width
比如,原本的CSS代码可能是这样的:
background-color: #FFF; border: 1px solid #000; color: #333; display: block; float: left; font-family: Arial, sans-serif; height: 100px; margin: 10px; padding: 20px; position: relative; width: 200px;
使用缩写之后,代码就会变得更加简洁:
bgc: #FFF; bd: 1px solid #000; clr: #333; dis: block; fl: left; fnt: Arial, sans-serif; hgt: 100px; mrgn: 10px; pd: 20px; pos: relative; wd: 200px;
当然,这些缩写网名不是一成不变的,你也可以根据自己的喜好定义自己的缩写。