html5
乔木木木木
这个作者很懒,什么都没留下…
展开
-
CSS中的渐变,border画三角
渐变:Linear Gradients线性渐变 background-image: linear-gradient(to right, red , yellow);background-image: linear-gradient(-90deg, red, yellow);如果你想要在渐变的方向上做更多的控制,你可以定义一个角度,而不用预定义方向(to bottom、to top、to right、to left、to bottom right,等等)。background-image: lin原创 2020-07-09 01:56:25 · 1793 阅读 · 1 评论 -
css3选择器:后代、子代、组合、伪类
css的高级选择器后代:div a{ color:orange; }div中的a标签子代div>a{ color:orange; }>这个表示子代,后代是说不管是儿子孙子都算,但是子代只是自己的下一代,如果例子中的a标签为div的孙子,那这个样式就无法作用在a的身上组合多个标签或类设置共同的样式div,a{ color:orange; }伪类例子:a标签的选择状态/* 没有访问时 */ a:link{ colo原创 2020-07-09 01:55:18 · 1449 阅读 · 0 评论 -
localStorage、sessionStorage介绍和使用
localStorage、sessionStoragelocalStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage是有效期是永久有效,但是sessionStorage在当前浏览器关闭前有效这两个东西主要是为了解决原本cookie的两个问题:cookie数据量太小,只有4kcookie每次http请求都会进行cookie的传递,浪费了带宽localStorage保存数据:localStorage.setItem("原创 2020-07-09 01:54:36 · 122 阅读 · 0 评论 -
css中的float、position、BFC、布局
浮动:float当子盒子比父盒子大时会出现样式问题,下面介绍三种清除外部浮动的方式清除外部浮动的三种方法:憨憨法:给父盒子设置一个合适能容下子盒子的宽度,一般不这么做,因为麻烦使用clear:both<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .div原创 2020-07-09 01:53:31 · 117 阅读 · 0 评论 -
html中的文件读取
文件读取完整的文件读取过程<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input id="m-file" type="file"> <script type="text/javascript"> // 1、获取元素 let fi原创 2020-07-09 01:52:32 · 2897 阅读 · 0 评论 -
h5中的音频、视频
音频:<audio><audio controls> <source src="horse.mp3" type="audio/mpeg"></audio>controls属性可以提供添加播放、暂停和音量控件,<audio>和</audio>之间添加当浏览器不支持audio标签时的提示文本audio标签中可以添加多个<source>,每个<source>可以连接不同的音频文件,浏览器会使用第一个支持的原创 2020-07-09 01:51:27 · 307 阅读 · 0 评论 -
html5新标签
html5新标签详解兼容问题IE8以下不支持,要想兼容IE8一下可以添加一个html5垫片包,网上大多是google的,但是google被墙所以推荐一个国内的垫片包<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]-->这个放在html的头部中,当版本过低时会自动解释一、新标签原创 2020-07-08 21:56:59 · 295 阅读 · 0 评论