• CSS设置鼠标样式和添加视频样式

    鼠标的样式

      1. <div style="cursor: default">默认鼠标的样式
  •  
    ">小手样式
  •  
    ">移动样式
  •  
    ">文本样式
  •  
    ">禁止样式

  • CSS用户界面样式

  • 轮廓线outline

    2. <body>
    3. <input type="text">
    4. <textarea name="" id="" cols="30" rows="10"><textarea>//这样写文字部分顶格摆放
    5. body>

  • 使图片和文字对齐

  • vertical-align: baseline | top | middle | bottom

  • baseline 默认元素设置在父元素的基线上

  • top把元素的顶端与行中最高元素的顶端对齐

  • middle把元素放置父元素的中部

  • bottom把元素的顶端与行中最低的元素的顶端对齐

  • 这个用法限于行内和行内块

 

  • 添加视频样式

    • 在网页添加视频

    • 语法：< video src="文件地址" controls="controls" >< /video>

    • 兼容性;

      1. < video width="302" height="240" controls>
      2. src="影片的地址" type="video/mp4">
      3. src="影片的地址" type="video/ogg">
      4. video>

  • 音频语法：< audio src="文件地址" controls="controls" >< /audio>

  • HTML5新增的表单属性

    3. ​
    4. <body>
    5.     <form action="">
    6.         <input type="search" name="" id="" required="required" placeholder="pink" autofocus="autofocus">
    7.         <input type="submit" value="提交">
    8.     form>
    ​
  • 相关阅读:
    云架构（五）BBF模式
    WebBrowser 打印设置，打印预览，去页眉和页脚
    vscode配置linux私钥远程免密登录
    Flutter extended_image库设置内存缓存区大小与缓存图片数
    Java LinkedList链表、HashSet、HashMap
    Spring Security 自定义授权服务器实践
    产品在推进过程中遇到的一些信息化过程的情况
    【T+】删除/取消畅捷通T+软件登录界面右上角的授权单位等联系信息
    node.js后端及Vue前端跨域解决方案
    忘记过滤.idea文件导致maven管理错误一系列操作...
  • 原文地址：https://blog.csdn.net/Yyds12300/article/details/133761809