浮动和清除

*浮动和清除
      float
   clear
    clearfix（如果一个元素比他的容器高。那他会呈现在容器之外）
*导航

       做html横向导航方法：1、通过ul标签里li标签搭建导航菜单（竖向）；2、给li标签添加“list-style:none”样式来去掉导航菜单前的小黑点；3、给li标签添加“float: left;”样式让导航栏横向排列即可。
*display

CSS display 属性设置元素是否被视为块或者内联元素以及用于子元素的布局，例如流式布局、网格布局或弹性布局。

形式上，display 属性设置元素的内部和外部的显示类型。外部类型设置元素参与流式布局；内部类型设置子元素的布局。一些 值在它们自己的单独规范中完整定义；例如，在 CSS 弹性盒模型的规范中，定义了声明 时会发生的细节。displaydisplay: flex

*表格
     仅需设置表格外边框的话只需要在table标签中设置border
  表格宽高由width和height定义
    文本对齐：text-algin
  垂直对齐：vertical-algin
  表格内边框：padding属性
     水平分割线：向td、th添加border-bottom属性即可
  可悬停表格：设置hover样式
    条纹表格：使用nth-child（）选择器为所有偶数或基数设置样式，参数为even
  响应式表格：在table元素周围添加带有overflow-x：auto；的元素
*表单
     宽度width
  填充输入框：使用padding属性在文本字段内添加空间
    带边框的输入框：设置border-radius
  带有图标/图像的输入框：使用background-image属性
*轮廓
     轮廓样式：
- dotted` - 定义点状的轮廓。
- `dashed` - 定义虚线的轮廓。
- `solid` - 定义实线的轮廓。
- `double` - 定义双线的轮廓。
- `groove` - 定义 3D 凹槽轮廓。
- `ridge` - 定义 3D 凸槽轮廓。
- `inset` - 定义 3D 凹边轮廓。
- `outset` - 定义 3D 凸边轮廓。
- `none` - 定义无轮廓。
- `hidden` - 定义隐藏的轮廓。