随笔分类 - html
摘要：.tips{ font-size: 24px; font-family: sans-serif; font-weight: 600; text-shadow: 1px 1px #ffb700; color:#000; background:-webkit-gradient(linear,left t
阅读全文
摘要：如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 但是这个属性只
阅读全文
摘要：windows常见内置中文字体字体中文名 字体英文名宋体 SimSun（浏览器默认）黑体 SimHei微软雅黑 Microsoft Yahei微软正黑体 Microsoft JhengHei楷体 KaiTi新宋体 NSimSun仿宋 FangSongOS X常见内置中文字体字体中文名 字体英文名苹方
阅读全文
摘要：$(".test").prop("outerHTML"); 原生JS DOM里有一个内置属性 outerHTML，用来获取当前节点的html代码(包含当前节点)，所以用jQuery的prop()能拿到。
阅读全文
摘要：2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持 flex浏览器支持 一、Flex布局是什么？ Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任
阅读全文
摘要：1.解决页面使用overflow: scroll在iOS上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是： (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增
阅读全文
摘要：a标签是前端必用之一，但是a标签点击后马上跳到了href属性值处，有时候要达到滑动效果就要自己添加JavaScript 普通的a标签代码写好之后，在js脚本内加上 $("a").click(function () { $("html, body").animate({scrollTop: $($(t
阅读全文
摘要：html5中如何去掉input type date默认样式 1.时间选择的种类: HTML代码： 选择日期：<input type="date" value="2017-06-01" /> 选择时间：<input type="time" value="22:52" /> 选择星期：<input ty
阅读全文
摘要：document.write(parseInt(10*Math.random())); //输出0～10之间的随机整数 document.write(Math.floor(Math.random()*10+1)); //输出1～10之间的随机整数 function RndNum(n){ var rnd=""; for(var i=0;i<n;i++) rnd+=Math.floor(Mat...
阅读全文
摘要：window.onload=function(){ document.onkeydown=function(){ var e=window.event||arguments[0]; if(e.keyCode==123){ //alert(...
阅读全文
摘要：这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题 —— 当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当中最出名的，当属双击缩放(double tap to zoom)。这也是会有上述 300
阅读全文
摘要：HTML5能为我们做的事儿很多，最为可口的就是语义化标签的应用，如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x，那这篇文章对你一定有用，因为现在你也可以在IE上用到HTML5。 下面是引用Google的html5.js文件，好处就不说了： 将上代码复制到head部分，记住一定要
阅读全文
摘要：制作网页列表的分页必不可少，显示的列表条数也不一样，让我们一起来看看如何让分页标签根据给定的分页自动居中呢。 对<ul>标签设置样式为：{ display: table margin:40px auto;} 对<li>标签设置样式为：li {display: table-cell; } 这样就可以让
阅读全文
摘要：::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; } ::-moz-placeholder { /* ...
阅读全文
浙公网安备 33010602011771号