html5与CSS3
courageFei
这个作者很懒,什么都没留下…
展开
-
HTML 与 CSS3 动画
1、纯CSS3实现超炫酷的萤火虫动画今天要为大家带来一款很有意思的纯CSS3动画,这次我们要利用CSS3的一些动画属性来绘制一只闪闪发光的萤火虫,和之前分享的纯CSS3蚱蜢与纯CSS3打火机类似,这只萤火虫也是用CSS3绘制,并且点击萤火虫可以关闭和打开它的翅膀,同时萤火虫的闪闪发光也可以控制。 在线演示 源码下...转载 2018-09-17 20:29:07 · 260 阅读 · 0 评论 -
flex布局参数详解
首先display的几种显示方式display:block; 转为块级元素display:inline-block 转为行内块元素display:none; 隐藏元素,不占位置。display:inline; 将元素转为行内元素。display :flex; 是一种布局方式。让这个父盒...原创 2018-10-28 23:36:05 · 4207 阅读 · 0 评论 -
HTML5新增加的语义化标签用 html5shiv.js解决兼容
IE8以及以下的版本,不支持HTML5新增加的语义化标签。那么这个问题怎么解决呢?其实很简单啊!方法 1 :( 1 ) 在浏览器解析之前,动态创建 HTML5 语义化标签。( 2 )由于动态创建的新标签元素默认是行内,需要转换显示模式,将类似于header , footer , nav 这样有语义的标签转换为符合语义的块级元素。方法 2 :如果有多个语义化标签一个个动态创建真的会巨...原创 2018-11-01 11:46:52 · 554 阅读 · 0 评论 -
HTML5新增常用的几个操作
1------- 新增HTML5 中操作类dom.classList.add(" classname "); 添加类dom.classlist.romove(" classname ") 删除类dom.classlist.contains(" classname ") 判断是否包含某类dom.classList.toggle(" classname...原创 2018-11-01 11:58:48 · 180 阅读 · 0 评论 -
HTML5 应用缓存
HTML5 应用缓存1. 是什么?HTML5中我们可以轻松的构建一个离线(无网络状态)应用,只需要创建一个cache manifest文件。2.什么特点?可以离线访问缓存的css,HTML,js 等文件,减少了请求,从而缓解了服务器的压力。本地读取缓存的资源,提升了访问速度,增强了用户体验。可以配置需要缓存的资源。3.创建方法?首先假设创建名为 demo.appcache ...原创 2018-11-30 15:06:06 · 432 阅读 · 0 评论 -
css 属性 position:sticky (粘滞的) 制作导航吸顶效果
一、position:sticky (粘滞的)1.简介是 position:relation;和 position:fixed ;的结合体.表现为 当有一个元素设置了 position:sticky的时候,这个元素滚动到距离顶部 0 像素的时候就会自动粘滞到顶部。 当然也不一定全部是粘滞到顶部,可以依据情况设置到底部或者左边或者右边。一般适合用于新闻资讯类,有标题的部分可以粘滞在边缘,内...原创 2019-03-18 11:00:08 · 4758 阅读 · 0 评论