float做横向结构需要做两件事情

1.给所有子元素加上float：left。

微信图片_20190323193716.png

2.给父元素加上clearfix类。

clearfix.png

常见css属性

1.font-family（文本的字体）

 font-family: "Hiragino Kaku Gothic Std"

2.font-size(文本的字体尺寸)

font-size: font-size: 22px;

3.font-weight（字体的粗细）

font-weight: blod;

4.line-height(设置行间的距离（行高）)
5.padding (内边距)
padding-bottom 下内边距
padding-top 上内边距
padding-left 左内边距
padding-right 右内边距
内边距语法

padding-top: 1px; padding-bottom: 2px; padding-left: 3px; padding-right: 4px;

padding: 1px 4px 2px 3px;

6.margin(外边距)
margin-bottom 下外边距
margin-top 上外边距
margin-left 左外边距
margin-right 右外边距
7.background-color（背景颜色）

 background: black;