0
点赞
收藏
分享

微信扫一扫

京东数据平台:2023年服饰行业销售数据分析

钟罗敏 2023-10-13 阅读 48

鼠标的样式

  • <div style="cursor: default">默认鼠标的样式</div>
        <div style="cursor: pointer">小手样式</div>
        <div style="cursor: move">移动样式</div>
        <div style="cursor: text">文本样式</div>
        <div style="cursor: not-allowed">禁止样式</div>
  • CSS用户界面样式

  • 轮廓线outline

  • <style>
     input , textarea {
               outline: none;//也可以去掉边框
           }
     textarea {
        resize: none;//将输出框的蓝线去掉
     }
    </style>
    <body>
    <input type="text">
    <textarea name="" id="" cols="30" rows="10"><textarea>//这样写文字部分顶格摆放
    </body>
     
  • 使图片和文字对齐

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

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

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

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

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

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

 

  • 添加视频样式

    • 在网页添加视频

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

    • 兼容性;

    • < video width="302" height="240" controls>
      <source src="影片的地址" type="video/mp4">
      <source src="影片的地址" type="video/ogg">
      </video>
  • 音频语法:< audio src="文件地址" controls="controls" >< /audio>

  • HTML5新增的表单属性

  • <style>
            input::placeholder {
                color: pink;
            }
        </style>
    </head>
    ​
    <body>
        <form action="">
            <input type="search" name="" id="" required="required" placeholder="pink" autofocus="autofocus">
            <input type="submit" value="提交">
        </form>
举报

相关推荐

0 条评论