鼠标的样式
-
<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>
