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表示背影颜色
主要用途于带三角形边框
懂的越多,不会的也就越多,知识之路是不断进取的。。。