zoukankan      html  css  js  c++  java
  • 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表示背影颜色

    主要用途于带三角形边框

    懂的越多,不会的也就越多,知识之路是不断进取的。。。
  • 相关阅读:
    筛选法 || POJ 1356 Prime Land
    搜索 || BFS || POJ 3278 Catch That Cow
    (素数筛) 找质数
    (map)后缀字符串
    字符串的进制
    (二进制枚举子集)买玩具
    (基础)01背包问题
    (基础)编辑距离
    (基础)最长公共字串
    最大子矩阵和
  • 原文地址:https://www.cnblogs.com/chenrenshui/p/6009182.html
Copyright © 2011-2022 走看看