淘先锋技术网

首页 1 2 3 4 5 6 7

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;

当然,这些缩写网名不是一成不变的,你也可以根据自己的喜好定义自己的缩写。