CSS是前端開發(fā)中必不可少的技能之一,它可以讓我們實現(xiàn)各種炫酷的效果。但是,在編寫CSS的過程中,會遇到很多重復的代碼,這時候就可以使用CSS縮寫來簡化代碼。下面是一些常用的CSS縮寫網(wǎng)名:
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;
當然,這些縮寫網(wǎng)名不是一成不變的,你也可以根據(jù)自己的喜好定義自己的縮寫。