padding的使用

2019独角兽企业重金招聘Python工程师标准>>>

1.padding对于元素的尺寸的影响：

1.padding对于block元素：padding值很大，影响元素的尺寸；width非auto,设置padding会影响元素的尺寸；width为auto,同时padding值很小，不会影响元素的尺寸

2.padding对于inline元素，设置padding，水平会影响元素的尺寸，垂直不受影响，但是都会占据空间

3.使用padding:50% 创建正方形，对于inline元素要想设置正方形，需要使用padding:50% ,font-size:0 来创建

4.backgroun-color:currentColor和 background-clip:content-box  和padding一起使用来实现镂空效果，例如三道杠和白眼等类似于图片的效果

转载于:https://my.oschina.net/u/2870118/blog/900666