padding的上右下左顺序和emmet快捷写法

emmet语法

实际上只需要写padding:5px就可以直接管理4条边

 

emmet语法对于padding,第一个就不用写-了，否则变负数 

 

 

第一个直接写数字就行，不用空格，然后剩下的从左往右用-连接,写完后立马按回车，可以看到他们之间用空格隔开的

 

 

然后padding-right:5px可以缩写pr5x,想写左边就pl5px

 

顶部5个像素pt5px

 底部pb5px也有5个像素

 

上右下左顺序

padding其实是个缩略（shorthand）属性值

 如果写两种，那分别代表上下（第一个） 左右（第二个）

 运行结果

 

 

如果写3个，就是：上  “左右”  下

运行结果

 

 

 

如果是4个，就是上 右 下 左