html常用的综合体

clip:rect(20px 100px 50px 20px); 

clip属性中的rect,clip:rect(y1 x2 y2 x1)参数说明如下: 

y1=定位的y坐标(垂直方向)的起点 

x1=定位的x坐标(水平方向)的起点 

y2=定位的y坐标(垂直方向)的终点 

x2=定位的x坐标(水平方向)的终点 

background:transparent url(123.jpg) no-repeat scroll -140px -20px; 

transparent表示透明无颜色 

url(123.jpg) 表示背景图片 

no-repeat 表示图片不重复 

scroll 表示背景图片随浏览器下拉而滚动 

-140px 表示水平位置在图片的-140px处(以图片的右上角为0,0) 

-20px 表示垂直位置在图片的-20px处(以图片的右上角为0,0) 

以上两种的用法主要作用于隐藏自身部分,而达到了截取自身所需的显示范围

 border-top:15px solid transparent;

 border-bottom:15px solid transparent;

 border-right:25px solid blue;

15px表示边框线的粗糙度

solid表示边框线的类型,solid是实线,dashed是虚线

transparent表示透明

blue表示背影颜色

主要用途于带三角形边框

懂的越多,不会的也就越多,知识之路是不断进取的。。。
原文地址:https://www.cnblogs.com/chenrenshui/p/6009182.html