5px 5px 5px rgb;在css中式什么意思

html-css019

5px 5px 5px rgb;在css中式什么意思,第1张

box-shadow:5px 5px 5px rgba(0,0,0,0.5)

第一个5px为水平偏移5像素

第二个5px为垂直偏移5像素

rgb为色彩模式 0,0,0为黑色

a为alpha通道 0.5为透明度

margin取负值之后,例如margin-top:-1px元素会从父框架的顶部突出一个像素,如果父框架设置了overflow:visibled的话,这个元素就会看起来显示在父框架外面了,如果取了正值,例如margin-top:1px元素就是距离父框架的顶部一个像素,会在父框架内显示。

padding取了负值之后是没有任何效果的,浏览器会认为padding:0。如果padding取正值,就是在元素内部填充,这个很好理解。position取了负值之后的效果和margin差不多,只是position通常是应用绝对定位场景的,而margin通常是应用在相对定位场景的,而且position可以定义z轴上的位置关系,但是margin一般是不可以的,两个的区别主要是在这个方面,至于取负值,在视觉上其实没有什么太大的区别。

line-height:1.5

这个的意思是行高是字体高度的1.5倍,因此它相当于多少px,取决于字体的大小,比如说字体是20px,那么行高就是30px(也就是说行距是10px)