随笔分类 -  HTML5

上一页 1 2 3 下一页
解决IE9以下不兼容H5、媒体查询
摘要：1、解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。 2、让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。 head部分添加如下代码 <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元 阅读全文
posted @ 2020-04-27 17:33 嘆世殘者——華帥 阅读(259) 评论(0) 推荐(0)
Vue动画的封装
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue动画的封装</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> .fade1-enter, .fade1-leave-to 阅读全文
posted @ 2019-10-31 18:55 嘆世殘者——華帥 阅读(149) 评论(0) 推荐(0)
Vue中的列表过渡
摘要：Vue中的列表过渡 {{item.title}}————{{item}} Add ... 阅读全文
posted @ 2019-10-31 18:18 嘆世殘者——華帥 阅读(136) 评论(0) 推荐(0)
Vue中多个元素或组件的过渡
摘要：Vue中多个元素或组件的过渡 Harold Hello toggle ... 阅读全文
posted @ 2019-10-31 16:27 嘆世殘者——華帥 阅读(205) 评论(0) 推荐(0)
Vue中的Js动画与Velocity.js的结合
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中的Js动画与Velocity.js的结合</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="js/velocity.min.js"></scr 阅读全文
posted @ 2019-10-31 16:08 嘆世殘者——華帥 阅读(180) 评论(0) 推荐(0)
Vue中使用animate.css库
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中使用animate.css库</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <link rel="stylesheet" type="text/css" href= 阅读全文
posted @ 2019-10-30 11:52 嘆世殘者——華帥 阅读(187) 评论(0) 推荐(0)
Vue——TodoList父子组件通信
摘要：___________________________________cli______________________________________ TodoList.vue TodoItem.vue 阅读全文
posted @ 2019-10-21 14:47 嘆世殘者——華帥 阅读(162) 评论(0) 推荐(0)
html引用公共的头部和尾部（多个html文件共用一个header.html和footer.html）、导航跳转页面改变导航样式
摘要：将header部分和footer部分提取出来，各保存为header.html和footer.html。 header.html（P.S.1：此次有导航跳转页面改变导航样式） footer.html 其他html引入头部尾部，如： index.html 阅读全文
posted @ 2019-09-18 10:40 嘆世殘者——華帥 阅读(2408) 评论(0) 推荐(0)
实现单行、多行——文本溢出显示省略号
摘要：一、单行溢出单行文本的溢出显示省略号，这种做法我们通常用text-overflow来实现，然后给元素定宽，超出隐藏 二、多行文本溢出 1、采用的:after来解决的 2、js的方法来实现 阅读全文
posted @ 2019-05-07 10:46 嘆世殘者——華帥 阅读(191) 评论(0) 推荐(0)
点击输入框，标题上移
摘要：效果 阅读全文
posted @ 2019-04-25 16:40 嘆世殘者——華帥 阅读(353) 评论(0) 推荐(0)
html网页引用中文字体，解决加载缓慢办法
摘要：【ttf 压缩】html网页引用中文字体，文件过大，加载缓慢的解决办法【字蛛】【web font】 【字蛛】http://font-spider.org/ 先安装好 NodeJS，然后执行： 安装后，会看到一堆报错、警告，不必理会 在 CSS 中使用 WebFont： @font-face 中的 s 阅读全文
posted @ 2019-03-28 18:39 嘆世殘者——華帥 阅读(1390) 评论(0) 推荐(0)
A页面跳转到B页面后打开指定tabs标签
摘要：A页面： B页面： 阅读全文
posted @ 2019-03-24 17:15 嘆世殘者——華帥 阅读(549) 评论(0) 推荐(1)
type=file的inpu美化，自定义上传按钮样式
摘要：点击上传 css部分： 阅读全文
posted @ 2018-07-26 10:55 嘆世殘者——華帥 阅读(288) 评论(0) 推荐(0)
HTML5+CSS3点击指定按钮显示某些内容效果
摘要：效果： 转载：http://www.xszzz.com/2013/07/96.html 阅读全文
posted @ 2018-06-23 21:27 嘆世殘者——華帥 阅读(936) 评论(0) 推荐(0)
著名的3像素Bug（div+img，多出几像素）
摘要：<div><img src="...."></div> 给img的css设置display: block;/*用来去除div下边莫名多出来的3px的像padding-bottom的东西。注:vertical-align: middle; 亦可*/ 阅读全文
posted @ 2018-06-17 20:38 嘆世殘者——華帥 阅读(502) 评论(0) 推荐(0)
纯css3实现的switch开关按钮
摘要：效果如图 阅读全文
posted @ 2018-03-05 11:59 嘆世殘者——華帥 阅读(406) 评论(0) 推荐(0)
设置placeholder字体颜色
摘要：placeholder 阅读全文
posted @ 2016-10-21 16:44 嘆世殘者——華帥 阅读(208) 评论(0) 推荐(0)
变相实现textarea文本域
摘要：效果图： html： css： 阅读全文
posted @ 2016-06-02 16:14 嘆世殘者——華帥 阅读(132) 评论(0) 推荐(0)
file按钮美化成图片（纯HTML+CSS）
摘要：效果图： 代码实现： html： CSS： 阅读全文
posted @ 2016-06-02 15:58 嘆世殘者——華帥 阅读(553) 评论(0) 推荐(0)
bootstrap导航
摘要：HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"><!-- 开启IE8渲染模式 --> <meta n 阅读全文
posted @ 2016-03-12 19:22 嘆世殘者——華帥 阅读(203) 评论(0) 推荐(0)

上一页 1 2 3 下一页