音视频标签,CSS选择器 属性

1.音视频标签

  <!-- 视频音频 controls显示控制台 loop循环播放 autoplay自动播放-->
  <audio src="音频路径" controls="controls" autoplay loop>浏览器不支持时显示此文段</audio>
  <!--引入多个格式音频-->
  <audio controls>
          <source src="" type=""> 
          <source src="" type=""> 
  </audio>
  <!-- 视频 autoplay自动播放  muted静音  视频文件在添加静音后才可以自动播放-->
  <video src="" controls autoplay muted></video> 
  <!-- 字符实体 -->
   <p>阿斯顿山东&nbsp;&nbsp;&nbsp;&nbsp;山东</p> <!--空格-->
   <p>啊自行车&lt;vs&gt;晚饭</p><!--&lt;小于号,&gt;大于号-->
2.css选择器
  <!--外部引入样式,推荐使用-->
  <link rel="stylesheet" href="common.css">
  <!--行内样式-->
  <div style="color:red;"> hello,world</div> 
  内部样式选择器在head中写style内添加属性
  2.1选择器
  ID选择器用#ID名来选择
  class选择器用.class来选择
  元素选择器直接用标签名

  内联> ID选择器 >类选择器 >元素选择器

  2.2属性

  background-image:url(),url();  /*添加图片多张图片用逗号隔开*/

  background-repeat:no-repeat;    /*背景图片不平铺,默认是repeat平铺*/
  background-position:50px 50px;   /*图片位置*/
  background-attachment:fixed;  /* 添加fixed属性图片跟主页面滚动,不添加默认不滚动 */
  background-size: contain;/*图片尺寸 contain扩展到最大,cover全覆盖*/
posted @ 2020-04-14 15:57  不吃肉的羊  阅读(542)  评论(0编辑  收藏  举报