html
文章平均质量分 60
-T先生-
风一样的男子,简称疯子。
展开
-
如何使用字体图标或者自定义字体(纯文字)
什么是@font-face,以及在css当中如何使用@ font-face的是一个CSS规则,允许你输入自己的字体出现在网站上,即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是,它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。为什么它是真棒就像我说的,@ font-face的打开一个全新的世界。现在,我们能够以一种全新的方式使用排版。这就是为什么你看到这么多独特的网...原创 2020-02-28 17:18:05 · 450 阅读 · 0 评论 -
深入了解css的行高Line Height属性(图文并茂)
行间距,即传说中控制两行文字垂直距离的东东。在CSS中,line-height被用来控制行与行之间垂直距离。不过,行间距与半行间距,还是取决于CSS中的line-height。那么,如何来使用line-height呢?默认状态,浏览器使用1.0-1.2 line-height, 这是一个初始值。你可以定义line-height属性来覆盖初始值:p{line-height:140%}你可以有5种方式来定义line-height。1.line-height可以被定义为:body{line-hei转载 2016-05-17 16:28:41 · 1170 阅读 · 0 评论 -
推广下layer——一款含有弹层、日期、分页、模板组件的ku
官网 http://www.layui.com/先看下代码:layui.use(['layer', 'form'], function(){ });layer.open({ skin: 'demo-class', title: '提示', content:s…………………………原创 2016-04-21 17:46:25 · 4318 阅读 · 0 评论 -
浏览器的userAgent识别
浏览器的userAgent识别翻译 2016-05-04 15:32:37 · 2131 阅读 · 0 评论 -
输入框placeholder字体
输入框placeholder字体原创 2016-03-16 17:03:13 · 1836 阅读 · 0 评论 -
浏览器PlaceHolder效果
有图有证据引经常有同学用到placeholder的兼容(Ie9及以下都不兼容。。。) ,网上一搜各种高大上的代码,下面是mark童鞋敲的(如有雷同,纯属所见略同,并非有意抄袭。。。),以下代码的原理是:用div将input包裹,并添加一个内容为input的placeholder值的span;然后点击span或者鼠标移入input,将span隐藏;否则如果input无内容输入,将显示span 代原创 2016-05-24 17:03:05 · 714 阅读 · 0 评论 -
chrome输入框input黄色背景去除 及 autocomplete失效解决方法
在写一个登陆页面的时候,打算把表单里input标签的自动完成功能关闭,于是把帐号和密码框的autocomplete属性设置为off。由于之前登陆选择了记住密码,每次在chrome和firefox打开或者刷新页面的时候都把帐号和密码给自动完成了。 于是乎与需求有误差,所以随便处理了下,但是最近劳烦,决定和这问题杠上了。 以下是各种测试、各种结论、各种扯淡……呵呵原创 2016-04-14 16:36:23 · 11268 阅读 · 5 评论 -
分享一个我也不知道如何评价的404page
分享一个我也不知道如何评价的404page原创 2016-04-27 10:33:10 · 815 阅读 · 0 评论 -
搜索框简易处理方式
要做一个由1 2 3部分组成的搜索框,可以参考一下代码:PS:核心计算.search_box .result的width(120px)等于.search_box input.search_input的padding-left的值原创 2016-03-28 11:48:02 · 1001 阅读 · 0 评论 -
iPhone/iPad/Android UI尺寸规范
iPhone/iPad/Android UI尺寸规范UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸转载 2016-04-08 11:18:37 · 928 阅读 · 0 评论 -
含有间距的td处理方式
含有间距的td处理方式: 由于td的margin无效,所以在td内容再添加一层dom,然后用margin做间距。原创 2016-04-06 15:56:27 · 1407 阅读 · 0 评论 -
为什么说DOM操作很慢
一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint)。下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些转载 2016-03-11 11:52:03 · 371 阅读 · 0 评论 -
经典面试题-div间距
条件:div1 margin-bottom:20px;div2 margin-bottom:10px;问题:div1和div的距离是多少?原创 2016-03-11 10:08:02 · 777 阅读 · 1 评论 -
滚动条美化/自定义滚动条
自定义滚动条写在前面:由于用的是css3,所以只有在支持css3的浏览器下才有效;目前支持WebKit内核的浏览器(例如chrome,部分手机浏览器)自定义;如果考虑兼容性,可以使用js处理。原创 2016-03-30 16:34:38 · 5000 阅读 · 0 评论 -
让弹出层始终显示在屏幕正中间
一、block元素相对于父级居中:给该元素设置宽高(如果被内部元素撑开,也可不写);然后设置样式margin:0 auto;二、inline元素相对于父级居中:给父级元素设置样式:text-align:center;三、弹层相对于浏览器窗口(或屏幕)居中:可将弹层对应的dom作为body第一层子元素,然后给弹层设置样式原创 2016-03-29 11:39:10 · 42601 阅读 · 0 评论 -
window.open()
1、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+2、基本语法:window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔)原创 2016-04-01 10:18:30 · 305 阅读 · 0 评论 -
输入框的value问题(DOM的property和attribute)
用js给input赋值的一般采用以下两种方式:一、i.value=200;二、i.setAttribute('value',300);已上两种看似都是给value赋值,但是结果去不同。输入框的value问题归咎于DOM的property和attribute原创 2016-03-18 16:59:04 · 3794 阅读 · 0 评论 -
动态生成选项卡Tabs
写在前面:EasyUI里的选项卡Tabs功能已经非常完善。但是如果只需要在同一个页面来动态生成Tabs并实时填入数据、内容;不妨可以试试下面的插件(个人项目实际需要,轻量、上手快,勿喷)原创 2016-03-18 13:58:10 · 3102 阅读 · 0 评论 -
全屏视频播放页的简单处理
视频播放页面原创 2016-03-14 15:34:14 · 2069 阅读 · 1 评论