css背景相关属性和盒子

Css颜色

RGB(red greed bule)（0.0.256）#0010ff
Css中的颜色表示方式

1. 预定义颜色：bule。Red。black
2. 16进制颜色：#0f0f0f
3. RGB颜色（128.0.0）全红
4. RGBA在RGB的基础上又添加了表示透明度的alpha
5. HSL：用色调，饱和度，和透明度三个分量来表示颜色
6. HSL：在HSL的基础上又增加了表示透明度的alpha

7.  <p style="color: aqua;">直接定义颜色，预定义颜色</p>
   

8.  	<p style="color: rgb(255,255,255);">RGB颜色</p>
   

9.  	<p style="color: #FFC0CB;">16进制颜色</p>
   

背景相关属性

1. background*color：背景颜色
2. background-image;背景图片
3. background-repeat：图片复制选项（repeat -x/y分别在水平，垂直两个方向复制，norepeat为不复制）
4. background-position：图片所在位置 上top 下 bottom 左left 右right
5. 简写在一起（background: #FFC0CB url(…/…/img/1.jpg) repeat-x right top;）顺序为背景颜色-背景图片-复制排列方式-所在位置
   尺寸相关属性
6. 固定高度与宽度（height：200px）
7. 自适应高度（高度根据内容增加而加大）
8. Max-height指定最大高度，
9. Min-height指定最小高度
   显示相关属性
10. visibility：hidden仅仅隐藏内容，该元素站的位置依然存在
11. display：none不仅隐藏内容，而且隐藏位置
12. display：inline-block：将块级元素以内联元素的形式显示并且具有块级元素的特征，宽高属性依然有效
13. display：inline：将块级元素以内联元素的形式显示，此时宽高属性对其无效
14. display：block将内联元素以块级元素显示
    盒子模型
15. margin：外边距
    margin-top（上）margin-left（左）margin-right（右）margin（bottom）下
    （1） margin：30px，表示上下左右都设置30边距
    （2） margin：30px 20px 10px 50px，表示依次按照上右下左顺时针设置边距
    （3） margin：20px 30px表示设置上下边距为20px，左右边距为30px
16. padding：内边距
    操作与margin类似，
17. border：边框
18. 如果想让两个盒子在一行里，那就要让他们都浮动（float），并且让他们的父类清除浮动（overflow）