美文网首页
缩写简写方法,颜色值,单位

缩写简写方法,颜色值,单位

作者: 梨啊梨 | 来源:发表于2017-08-13 16:28 被阅读0次

    在外边距,内边距的4个方向设置时,我们可以简写。如下:

    margin:10px 15px 20px 25px

    对应的固定顺序是这样的上 右 下 左

    1. 如果4个方向的值都一样,我们可以

    margin:10px; //比如4个方向值都是10px

    2. 如果上下值一样,左和右值一样,可以这样:

    margin:10px 20px    //上下值为10px  左右值为20px

    3.如果左右值一样

    margin:10px 15px 20px 15px 简写如下:

    margin:10px 15px 20px  //上15px  左右15px  下20px


    颜色可以根据16进制进行简写,个人不建议简写


    颜色值

    在网页中颜色设置很重要,有字体颜色(color)背景颜色(background-color),边框颜色(border)等等

    1. 英文命令颜色

    p{color:red;}

    2.RGB颜色

    与ps中的RGB颜色一致,由R(red),G(green),B(blue)三种颜色比例配色

    p{color:rgb(133,45,200);}

    每一项的值可以是0~255之间的整数,或者0%~100~百分数

    p{color:rgb(22%,33%58%);}

    3.十六进制颜色

    最常用的方法,原理和rgb一样,但是他用的16进制

    p{color:#00ffff;}


    长度值

    1. 像素px

    90像素=1英寸

    2. em

    给指定字体的值,如果元素font-size为14px,那么1em=14px,如果font-size=25px,1em=25px

    相关文章

      网友评论

          本文标题:缩写简写方法,颜色值,单位

          本文链接:https://www.haomeiwen.com/subject/swosrxtx.html