组合选择器 可配合类名 id 使用
eg: #m > p{}
盒模型：div div{
width:内容的宽度
height:内容的高度
border:1px solid blue
(border 有三个值 border-width border-style border-color, border-style有三个值，solid(实线)与dashed（虚线）dotted(点线）
（color:有16进制 #000黑色 #fff白色 #999灰色 #eee浅灰色
rgb ：rgb(1,2,3） 范围 0~255
rgba: a指的是alpha 透明度 1是不透明 0是完全透明 0.5半透明(0-1是逐渐变得透明）
当边框不写颜色时，默认边框颜色与字体颜色相同
分别控制：border-top border-left border-right border-bottom
background-color:(background是复合属性，浏览器加载background会加载出其所有属性，写单独一个具体的如background-color可以减轻加载负荷，提高速度。
padding:内边距 内容与border之间的距离)，会增大盒子，宽度\高度增大2倍padding
(padding是复合属性 top right bottom left) padding:一个值，代表四个方向都赋予这个值，二个值代表上下与左右赋予这个值，三个值代 表上 左右 下，四个值是 上右下左（顺时针）
margin:外边距（实心木板） div1 margin 10px div2 margin 10px div1 给浮动，div1 与div2在同一行相距20px,浮动不会影响到margin,四个值对应顺序与padding相同，浮动会取消掉换行效果，不影响margin效果的叠加。
margin:100px auto (auto使左右外边距一样，达到左右居中效果，上下没有auto)
a{text-decoration:none} :取消a标签的的下划线。 font-size :字体大小
p 标签默认上下16px间距（且会随字体改变），一般起始 *{margin:0;border:0;},防止干扰。
line-height:行高 让line-height=外部盒子高度，可以让文字在盒子上下居中，可以被继承，给父亲设置行高，孩子也会有行高
行高 字体 文本样式都可以被继承
}
QQ打开 ctrl+alt+a 出现截图工具
