随笔分类 -  H5、CSS3

摘要:input, textarea { border: 0; /* 方法1 */ -webkit-appearance: none; /* 方法2 */ } 阅读全文
posted @ 2019-07-22 09:59 奔跑的太阳花 阅读(284) 评论(0) 推荐(0)
摘要:/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack 阅读全文
posted @ 2019-07-22 09:33 奔跑的太阳花 阅读(415) 评论(0) 推荐(0)
摘要:问题描述: <p style="font-size:12px;line-height:30px;">测试数据测试数据</p> p标签内如果输入一长段英文字符,像这样 <p style="font-size:12px;line-height:30px;">asfjhasklfjaklsfjalsjfl 阅读全文
posted @ 2019-07-19 15:57 奔跑的太阳花 阅读(1129) 评论(0) 推荐(0)
摘要:前言: 对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分析本人一点点不成熟的心得. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢参悟,在这之前需要做的是能够运用它来开发,那么了解一些基础特性非常有必要 阅读全文
posted @ 2019-07-01 20:09 奔跑的太阳花 阅读(1596) 评论(0) 推荐(0)
摘要:--> --> --> --> --> ... 阅读全文
posted @ 2019-06-21 10:49 奔跑的太阳花 阅读(879) 评论(0) 推荐(0)
摘要:响 应式Web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸,没有任何物理 限制,让人感到无从下手。随着建立网站可用的各种小工具越来越多,像素设计局限于桌面和移动端也已经成为历史。因此,现在就让我们来说明一下如何运用响应 式W 阅读全文
posted @ 2019-04-25 09:58 奔跑的太阳花 阅读(290) 评论(0) 推荐(0)
摘要:版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/m0_37809478/article/details/76619207 一、CSS3动画 名称用途链接 阴影波纹特效 1.元素hover效果 2.突出表现效果 http://www.jq22.com/ 阅读全文
posted @ 2019-04-24 09:15 奔跑的太阳花 阅读(1789) 评论(0) 推荐(1)
摘要:解决办法 阅读全文
posted @ 2019-04-12 16:25 奔跑的太阳花 阅读(535) 评论(0) 推荐(0)
摘要:最近在做一个小游戏时发现了一个问题,总是在弹出img时先出现一个灰色的边框,所以为了查找问题,查找了一些关于img 默认边框的小知识点。 在这里整理了一些知识点: 一. 下面代码都试验过后会发现,img会有外边框,这个也是使用img元素的一个坑 一般在img为空时出现,因为浏览器找不到图,就会用一个 阅读全文
posted @ 2019-03-13 10:11 奔跑的太阳花 阅读(1375) 评论(0) 推荐(0)
摘要:NO.01 CSS Tools: Reset CSS 网站:https://meyerweb.com/eric/tools/css/reset/ 优点:老牌,用的人多。 NO.02 yui : Reset CSS 网站:https://yuilibrary.com/yui/docs/cssreset 阅读全文
posted @ 2019-02-27 10:18 奔跑的太阳花 阅读(1838) 评论(0) 推荐(0)
摘要:history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面 history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在 history.back(1) 前进 history.back(-1) 后退 window.location.reload(); //刷 阅读全文
posted @ 2019-02-01 14:44 奔跑的太阳花 阅读(10252) 评论(0) 推荐(0)
摘要:HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件实时监听输入框value的变化 oninput 事件在用户输入时触发。 该事件在 <input> 或 <textarea> 元素的值发生改变时触发。 提示: 该事件类似于 onchange 事件。不同之处 阅读全文
posted @ 2019-01-26 13:10 奔跑的太阳花 阅读(11392) 评论(0) 推荐(0)
摘要:首先这种情况,我在网上看到了好多人问,确实也有正解,但是只是说出了其错误出现的原因,并没有给出解决方法。 我也是深受其害,所以呢,在这里记录一下,分享给还在困扰着的你们,迅速找出解决办法。 首先,我先简单介绍一下,我这里出现错误的情境。 原来刚刚遇到这个问题的时候,是在点击多个tab选项之后,出现了 阅读全文
posted @ 2018-11-26 11:40 奔跑的太阳花 阅读(2062) 评论(0) 推荐(0)
摘要:目录 一、遇到的问题 二、举个简单的栗子分析问题 三、解决办法 目录 一、遇到的问题 二、举个简单的栗子分析问题 三、解决办法 一、遇到的问题 前些天写瀑布流布局的时候,发现明明计算好了宽度使得一行能放下三张图片,实际效果却总是放不下,图片会挤到下一行去。上图: 可以看到,我本来是想要两行图片,每一 阅读全文
posted @ 2018-11-19 11:36 奔跑的太阳花 阅读(1595) 评论(0) 推荐(0)
摘要:最近在做视频直播这一块的,html5的video不能实现此功能,在网上查找了资料,觉得很有用。 一、介绍: 我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是OBJECT和EMBED标签。OBJECT标签是用于windows平台的IE浏览器的,而EMBED是用于 阅读全文
posted @ 2018-11-05 10:31 奔跑的太阳花 阅读(1544) 评论(0) 推荐(0)
摘要:响应式布局简介 什么是响应式?同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套,手机端再开发一套,而使用响应式布局只要开发一套就好了,缺点是CSS比较重。 如下图所示: 响应式布局方案选择 响应式设计可选择的方案有: CSS3 Media Query(推荐):媒体查询,兼容到 阅读全文
posted @ 2018-10-12 09:16 奔跑的太阳花 阅读(957) 评论(0) 推荐(0)
摘要:今天在弄jquery操作iframe中元素:先由iframe中的子页面b.html给外面的父页面a.html页面传值,再将a.html页面计算机的值放到b.html页面上,这里就用到子页面和父页面相互传值,相互调用更自函数这些功能,这里我用一个简单的例子来介绍一下这些方法。 a.html b.htm 阅读全文
posted @ 2018-09-30 09:58 奔跑的太阳花 阅读(7082) 评论(0) 推荐(0)
摘要:隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。 方法1:计算滚动条宽度并隐藏起来 在本站的侧栏,你可以看到前端日报的那块内容并没有滚动条,但鼠标移上去却可以 阅读全文
posted @ 2018-09-18 11:16 奔跑的太阳花 阅读(4839) 评论(0) 推荐(0)
摘要:由于业务需求,要实现 一个下拉框搜索功能。这个下拉功能和百度的还是有点区别的,百度的是时时与服务器交互的,而这个只是模拟。技术点在于实现 了搜索功能。 未搜索前如下图: 搜索后: Sublime Text3自动保存的功能(失去焦点自动保存) 这是最新版本的Sublime Text3的设置方法 (三部 阅读全文
posted @ 2018-09-04 09:22 奔跑的太阳花 阅读(2475) 评论(0) 推荐(0)
摘要:心得:我们都知道input有一个change事件,但是是在input元素失去焦点的时候发生,不能时时的监听input内容的改变。 刚开始的时候我是想用setInterval设置计时器的原理定时监听input内容的改变,但是结果差强人意,效果一点也不好,有时候操做过快还会出现undefined的情况。 阅读全文
posted @ 2018-09-03 20:12 奔跑的太阳花 阅读(2678) 评论(0) 推荐(0)