html 标签分类


 1：块级标签

   在浏览器里面会独占一行的标签

   块级标签 具有宽高属性，也就是说可以通过css代码对标签进行宽高的设置

 2：行内标签

   不会独占一行的标签，元素宽度由内容决定

   行内标签 不具有宽高属性，也就是说无法通过css代码对标签进行宽高的设置

作用：

  为了实现网页中更加自由的布局


css 三种写法

 1：内联语法
 
     <p style="color:red;font-size: 14px;">我是p标签</p>

 2：内部写法

    选择器 {
      属性名: 属性值;
    }

 3: 外链写法

  创建一个 xxx.css 文件，这里面放css代码

  在html里面
  <link rel="stylesheet" href="css/index.css"/>

 优先权：

  1 > 2 > 3

 !important 提升某条css属性的优先权

 选择器：

 1：标签选择器(标签名字)
 2：class 选择器 ( " .名称 " ), 可以取多个名字，xxx xxx xxx
    class 选择器在网页中取的名字可以无限次重复并使用

 3：id 选择器 ( " #名称 " )
    一般通过id取的名字，在网页是唯一的，不推荐重复使用。
    为什么？
    一般通过id取名字的元素是给js来使用, 所以不应该重复

 4：* 通配符选择
 5: 父元素 子元素    选中父元素内部的子元素
 6：
   父元素 子元素,
   父元素 子元素 

   同时对 规则 1 和 2 设置相同的css代码

 7: hover  监听元素的鼠标悬浮事件
 8: focus  监听input输入框获得焦点的事件


 预习任务：

  课下学习更多的css属性

  http://css.doyoe.com/


  1：css属性学习

  2：css定位，盒子模型，浮动

  3：写一些网页效果

  4：弹性布局 + 媒体查询 + rem

  5：各种造网站（pc网站 + 手机网站）