DIV+CSS

DIV+CSS
1.作用
  结构和表现分离，代码简洁，利于搜索，方便后期维护和修改

补充：
SEO：搜索引擎优化

2.页面标签分类
  1）行内标签
     宽高由内容决定，<a> <span> <br>
  2）块状标签
     长度为100%，占满一行， <div> <p> <hr>
3.CSS
  1)使用方式
     样式属性
     内嵌样式
     外联样式
  2)语法
   选择器 { 属性：值，属性：值 ... }

   元素选择器
   类选择器
   ID选择器

元素=标签=标记

  3)常用CSS属性
    margin
    padding
    display
    position    (left,top,z-index)
    background   (图片，颜色，定位，重复)
    border   (上下左右)
    float
    overflow
    line-hieght
    width
    height

盒子模型
HTML中标签都为独立的盒子，每个盒子包括（内容(content)，边框(border)，内边距(padding)，外边距(margin)）

w3c盒子和IE盒子区别


margin:10px;            上下左右 10px
margin:10px 5px;        上下 10px   左右5px
margin:10px 8px 5px;    上 10px 左右 8px 下5px
margin:20px 10px 8px 5px;   上 20px 右 10px  下 8px 左5px



颜色：  red blue yellow
      RGB  (RED,GREEN,BLUE)红绿蓝
           使用三组数字表示颜色
           每一组 0-255对于00-FF

     红色#FF0000 或#F00