颜色
RGB（red greed bule）
Css中颜色的表示方法：
1、 预定义颜色：bule ，red，black……
2、 十六进制颜色：#0f0f0f
3、 RGB颜色（128.0.0）全红
4、 RGBA，在RBG的基础又添加了表示透明的Alpha
5、 HSL：用色调，饱和度和透明度三个分量来表示颜色
6、 HSLA：在HSL的基础上又添加了表示透明度的Alpha
代码实现：
<p style="color: blue;">预定义颜色</p>
<p style="color: rgb(0,255,0);">RGB颜色</p>
<p style="color:#FF0000 ;">16进制颜色</p>
后面几种基本都不会用到，一般都是前面三种。
背景相关属性
Background-color:背景颜色
Background-image：背景图片
Background-repeat：图片复制选项（repeat在水平，垂直两个方向复制）
（repeat-x/y在水平/垂直两个方向复制）
（no-repeat不复制）
简写：将所有元素放在一起
又顺序要求：背景颜色>背景图片>重复方式>所在位置
background: url(./img/a.jpeg) #00FFFF repeat-y right;
尺寸相关属性
1、 固定高度和宽度（height：200px）
2、 自适应高度（高度会根据内容的增加而增加）
3、 指定最大高度max-height：（内容增加到指定高度的时候就不会增加了）
4、 指定最小高度min-height:（开始高度固定，内容增加到一定时开始增加高度）
显示相关属性
1、 visibility:hidden ：仅仅隐藏内容，该元素所占位置依旧存在
2、 display：none：不仅隐藏内容，而且隐藏位置
Display:inline:将块级元素以内联元素形式显示，此时宽，高等属性对其无效
Display:inline-block:将块级元素以内联元素显示并且具有块级元素的特征，宽高属性依然有效
Display:block: 将内联元素以块级元素的形式展现
盒子模型
Margin：外边距
Margin-top（上） margin-bottom（下） margin-left（左） margin-right（右）
使用方式：
1、 margin:30px 表示上下左右外边距都设置30px
2、 margin-left：30px 表示设置距离左方30px
3、 margin：10px 20px 10px 20px分别设置上右下左的边距，顺序按照顺时针
4、 margin：20px 30px 分别表示上下边距为20px，左右边距为30px
Padding：内边距
与margin类似，上下左右边距都有
Border：边框
如果想让两个盒子在同一行内，那么两个盒子都要浮动（float）并且给他们的父类清楚浮动（overflow: hidden）
什么是父类：
<div class="box">
<div class="div1">Web1班</div>
<div class="div2">我们最棒</div>
</div>
box是div1和div2的父类