HTML：1、 html标签：
   1.1 排版标签
  排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。
1）标题标签h (熟记)
单词缩写：  head   头部. 标题       title  文档标题
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即标题标签语义：  作为标题使用，并且依据重要性递减
其基本语法格式如下：
<h1>   标题文本   </h1>
<h2>   标题文本   </h2>
<h3>   标题文本   </h3>
<h4>   标题文本   </h4>
<h5>   标题文本   </h5>
<h6>   标题文本   </h6>
2）段落标签p ( 熟记)
  <p>  文本内容  </p>
3）水平线标签hr(认识)
<hr />是单标签
4）换行标签br (熟记)
<br />
5）div 和  span标签(重点)
<div> 这是头部 </div>    <span>今日价格</span>
1.4 图像标签img (重点)
<img src="图像URL" />
1.5 链接标签(重点)
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
除了标签之外，还有表格、表单、列表
1、表格
难点：合并单元格：
  跨行合并：rowspan="合并单元格的个数"      
  跨列合并：colspan="合并单元格的个数"
2、列表
  无序列表注意事项：
  1、<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
  2. <li>与</li>之间相当于一个容器，可以容纳所有元素。
  3. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！
3、表单
表单的标签及属性：重点记住 input标签的属性分类

CSS
CSS基础选择器：
    1、标签选择器：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
    2、类选择器：.类名  {   
      属性1:属性值1;
      属性2:属性值2;
      属性3:属性值3;     
      }
    3、id选择器：#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
    4、通配符选择器：* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
CSS复合选择器：
   1、 后代选择器：父级 子级{属性:属性值;属性:属性值;}
   2 、子元素选择器：eg：.class>h3{color:red;font-size:14px;}
    3 交集选择器：交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。
   4、并集选择器：并集选择器通常用于集体声明  ，逗号隔开的，所有选择器都会执行后面样式，逗号可以理解为 和的意思。

font:综合设置字体样式 (重点)
   基本语法格式：选择器 { font: font-style  font-weight  font-size/line-height  font-family;}


盒子模型：
盒子的大小=内容+内边距+边框
内边距：padding
有四种书写方式，每种方式有不同的意思
书写方式例如：1、padding：10px；  2、padding：10px 20px； 3、padding：10px 20px 30px；  4、padding：10px 20px 30px 40px；
边框：border
书写方式例如：border：1px solid red；
外边距（margin）：
margin属性用于设置外边距。  margin就是控制盒子和盒子之间的距离
margin的书写方式和padding的书写方式相同
如何让块级盒子水平居中：
    1、盒子必须指定了宽度（width）
    2、 然后就给左右的外边距都设置为auto
外边距合并问题：
(1). 相邻块元素垂直外边距的合并：解决方案：尽量给只给一个盒子添加margin值
(2). 嵌套块元素垂直外边距的合并（塌陷）：
1. 可以为父元素定义上边框。
2. 可以为父元素定义上内边距
2. 可以为父元素添加overflow:hidden。

  CSS 布局的三种机制
1、标准流
2、浮动：让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行
          float：left、right、none
3、定位：将盒子定在某一个位置  自由的漂浮在其他盒子的上面  —— CSS 离不开定位，特别是后面的 js 特效
  有四种定位模式：
     1、静态定位：position:static
    2、相对定位：position:relative
    3、绝对定位：position:absolute
    4、固定定位：position:fixed

HTML：1、 html标签：
   1.1 排版标签
  排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。
1）标题标签h (熟记)
单词缩写：  head   头部. 标题       title  文档标题
为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即标题标签语义：  作为标题使用，并且依据重要性递减
其基本语法格式如下：
<h1>   标题文本   </h1>
<h2>   标题文本   </h2>
<h3>   标题文本   </h3>
<h4>   标题文本   </h4>
<h5>   标题文本   </h5>
<h6>   标题文本   </h6>
2）段落标签p ( 熟记)
  <p>  文本内容  </p>
3）水平线标签hr(认识)
<hr />是单标签
4）换行标签br (熟记)
<br />
5）div 和  span标签(重点)
<div> 这是头部 </div>    <span>今日价格</span>
1.4 图像标签img (重点)
<img src="图像URL" />
1.5 链接标签(重点)
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
除了标签之外，还有表格、表单、列表
1、表格
难点：合并单元格：
  跨行合并：rowspan="合并单元格的个数"      
  跨列合并：colspan="合并单元格的个数"
2、列表
  无序列表注意事项：
  1、<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
  2. <li>与</li>之间相当于一个容器，可以容纳所有元素。
  3. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！
3、表单
表单的标签及属性：重点记住 input标签的属性分类

CSS
CSS基础选择器：
    1、标签选择器：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
    2、类选择器：.类名  {   
      属性1:属性值1;
      属性2:属性值2;
      属性3:属性值3;     
      }
    3、id选择器：#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
    4、通配符选择器：* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
CSS复合选择器：
   1、 后代选择器：父级 子级{属性:属性值;属性:属性值;}
   2 、子元素选择器：eg：.class>h3{color:red;font-size:14px;}
    3 交集选择器：交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。
   4、并集选择器：并集选择器通常用于集体声明  ，逗号隔开的，所有选择器都会执行后面样式，逗号可以理解为 和的意思。

font:综合设置字体样式 (重点)
   基本语法格式：选择器 { font: font-style  font-weight  font-size/line-height  font-family;}


盒子模型：
盒子的大小=内容+内边距+边框
内边距：padding
有四种书写方式，每种方式有不同的意思
书写方式例如：1、padding：10px；  2、padding：10px 20px； 3、padding：10px 20px 30px；  4、padding：10px 20px 30px 40px；
边框：border
书写方式例如：border：1px solid red；
外边距（margin）：
margin属性用于设置外边距。  margin就是控制盒子和盒子之间的距离
margin的书写方式和padding的书写方式相同
如何让块级盒子水平居中：
    1、盒子必须指定了宽度（width）
    2、 然后就给左右的外边距都设置为auto
外边距合并问题：
(1). 相邻块元素垂直外边距的合并：解决方案：尽量给只给一个盒子添加margin值
(2). 嵌套块元素垂直外边距的合并（塌陷）：
1. 可以为父元素定义上边框。
2. 可以为父元素定义上内边距
2. 可以为父元素添加overflow:hidden。

  CSS 布局的三种机制
1、标准流
2、浮动：让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行
          float：left、right、none
3、定位：将盒子定在某一个位置  自由的漂浮在其他盒子的上面  —— CSS 离不开定位，特别是后面的 js 特效
  有四种定位模式：
     1、静态定位：position:static
    2、相对定位：position:relative
    3、绝对定位：position:absolute
    4、固定定位：position:fixed