7.2 知识点

1.span style="color:red; fond-size:40px;"
2.strong加粗   em斜体   ins下划线  del删除 

3.font-family属性用于设置字体
  font-weight:字体粗细
  font-style:字体风格
  line-height:行间距
  text-align:水平对齐方式

4. :link      /* 未访问的链接 */
-  :visited   /* 已访问的链接 */
-  :hover     /* 鼠标移动到链接上 */
-  :active    /* 选定的链接 */

5. 块转行内：display:inline;
   行内转块：display:block;
  块、行内元素转换为行内块： display: inline-block;

6.   background-color背景颜色
      background-image背景图片地址
      background-repeat是否平铺
      background-position背景位置
      background-attachment背景固定还是滚动

7. 跨行合并rowspan  跨列合并colspan 
8. caption表格的标题
   table表格
  <form>表单
   <select>
      <option>选项1</option>
     <option>选项2</option>          使用select控件定义下拉菜单
      <option>选项3</option>

9. <textarea cols="每行的字符数" rows="显示的行数">
10. 常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>标签最典型的行内元素

11.文本的垂直居中：  行间距与行高设置相同
      height: 40px; 行高
     line-height: 40px;行间距
12.文本的水平居中
    text-align: center;
13.text-indent:首行缩进
    text-indent: 2em;  1em 就是一个汉字的宽度
14.超链接去掉下划线
    text-decoration: none;
15.在一个盒子中有图片和文字 需要文字垂直居中
   给图片添加样式
   vertical-align: middle;

16.去掉 ul ol的序号
     li{list-style: none;}

17. 通配符选择器用“*”号表示
  *{
      margin: 0;                    /* 定义外边距*/
     padding: 0;                   /* 定义内边距*/
   }
18.    margin: auto;.、、
     border:1px solid red;边框
    border:1px dashed red虚线框
    border-bottom-style: dashed;下虚线
    display: inline-block;转为行内元素

19.    <div style=”clear:both”></div>清除浮动  或    可以给父级添加： overflow为 hidden|auto|scroll  都可以实现。