今天完成的事情：任务八九算是写的差不多了。第三个页面写的有点问题。样式我映像有点差别。继续修改。

明天计划的事情：明天争取写完任务八九，在修改一下中间的小瑕疵。提交任务。

遇到的问题：用表格写完了。但是样式和我想象的一点都不一样。是因为我没让他们强制不换行吗？准备强行修改一波、在看一下表格的视频。看看是哪里出了问题。

收获：

CSS样式之表格，表单

• 布局样式
• .container:固定宽度并具响应式
• .container-fluid自由宽度（100%宽度）
• 标题样式
  • 　　<h1>到<h6> 样式已经写好了，可以直接用，兼容性也做到了。行内元素显示块的样式

• 行内文本样式：

  • <b> <strong> 加粗
  • <i>  <em>斜体
• <s><del>删除线

• 文本对齐样式

• .text-left
• .text-center
• .text-right
• .text-justify:两段对齐

• 列表样式

• .list-unstyled:去掉前面的符号
• .list-inline(行内块　　

• 表格样式

  • .table:这个类样式会有少量空白，以及水平分割线
  • .table-striped:隔行变色
  • .table-bordered:带边框的表格
  • .table-hover:鼠标放上变色效果
  • .table-condensed:表格紧凑型

• 表格的独有样式 
  [1]border-collapse边框是否合并，separate为默认的独立，collapse为合并。 
  [2]border-spacing边框间距，只在上一个属性为独立时有效。 
  [3]caption-side设置表格标题(caption标签)所处的位置，默认在上方。 
  [4]empty-cells空单元格边框是否显示，hide为隐藏。 
  [5]table-layout设置表格排版方式，默认为auto(过长时拉伸)，还有值fixed(不拉伸而是换行)。

• 行或单元格背景色

  • .active
  • .success
  • .info
  • .warning
  • .danger

  只能给tr和td加的类样式，一种颜色

• 表格响应式布局

  使用DIV标记内.table-responsive元素将.table元素包围

• 表单样式

  • .form-group ：表单组样式,将<label>和表单元素包含其中
  • .form-control ：给input,select,textarea等元素加样式（复选框不能加这个）
  • Placehoder属性
  • 给input加提示信息，将value改为placeholder
  • .form-inline  :给form加的类，让input行内显示

   

  • .sr-only:给label加，使其文字隐藏。
  • .checkbox:复选框样式
  • .radio：单选框模式//给 input 的name设置同一个name 则可以选中一项
  • .disabled:  禁用单选框或复选项文本
  • .form-horizontal:水平排列的表单，用于FORM元素
  • .checkbox-inline:给多个复选项显示在同一行
  • .radio-inline:控制多个单选框元素在同一行显示。