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

2017-08-13  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读