视频标签:<video src="视频地址" controls  autoplay ></viodeo>  controls:控制条     autoplay:自动播放   loop:循环播放  

框架标签:<iframe src=“地址”   frameborder="边框" ></iframe>

 



CSS的三种引入方式:

  1、内联:在标签中添加style属性
  <标签名style= "样式名1:样式值1 ;样式名2:样式值2"></标签名>
  2、内嵌:
   在head标签中添加style标签
   <head>
    <style>
      选择器{
        样式名1:样式值1;
        样式名2:样式值2;
        }
    </style>
   </head>


   选择器:
    1. id选择器人的身份证 id在html中是唯一 的
    在标签中设置id属性
      <标签名 id="id值"></标签名>
    在head标签中
      <style>
        #id值{
          样式名1:样式值1;
          样式名2:样式值2;
          }
      </style>
   2. class选择器
   在标签中设置class属性
    <标签名class="class值"></标签名>
   在head标签中
    <style>
      .class值{
        样式名1:样式值1;
        样式名2:样式值2;
        }
    </style>
   3.元素(标签)选择器
   在head标签中
    <style>
      元素(标签)名{
        样式名1:样式值1;
        样式名2:样式值2;
        }
    </style>
  优先级: id选择器>class选择器>元素选择器

 

关系选择器
1.并列关系
  <style>
    选择器1,选择器2{
    样式名1:样式值1;
    样式名2:样式值2;
    }
  </style>
2.父子关系

  <style>
    选择器1选择器2{
    样式名1:样式值1;
    样式名2:样式值2;
    }
  </style>
3.兄弟关系
  <style>
    选择器1 +选择器2{
    样式名1:样式值1;
    样式名2:样式值2;
    }
  </style>

3、外部引入:
    先新建一个.css css文件将style标签中所有的代码放到css文件中
    在head标签中
    <link rel="stylesheet" href= "xxx. css">
  引入方式优先级:内联>内嵌>外部引入