欢迎提issues 斧正： css小技巧 业务代码中可用的CSS技巧 兼容chrome下的10px字体 p { font-size: 10px; -webkit-transform: scale(.83); } 此方法在…

欢迎交换友链 Laker’s Blog–进击的程序媛Github：https://github.com/younglaker微博: 江小湖Laker 本文讲介绍:hover、:active、:fo…

方法一：全局增加一个负值下边距等于底部高度 <style> html, body { height: 100%; margin: 0; } .content { padding: 20px; min-heig…

<div class="sl"> <div>数量</div> <div>-</div> <input type="number" value="1" mi…

原文来自：https://jellybool.com/post/css-that-you-may-not-know-part-2 继上一次写的CSS黑科技之后，这次貌似还专门去找了一些CSS中可能还是比较不太会引起开发者…

欢迎关注前端小讴的github，阅读更多原创技术文章 非常简单： 外层（被遮挡的层）{ pointer-events: none; } 内层（要发生事件的层）{ pointer-events: auto; } point…

网上的淡入淡出效果大多是依照jquery中fadeIn和fadeOut的方法使用js来控制元素的透明度达到目的，但缺点是有轻微的卡顿感，并且运行效率一般。 这里提供另外一个思路，即通过预先定义好的css样式控制图片透明度…

本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎… 直接上代码： .article { color: #000000; overflow: hidden; display: -webkit-box…

来自妙味的一套面试题，以下答案来自JS讲师的现场上课记录！ 一、选择题 1、分析下段代码输出结果是（ B ） var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < a…

原文：https://webdesign.tutsplus.co…原作：Jase Smith翻译：Stypstive 当你的用户需要漂亮的图标给出额外的文字信息时，亦或是当他们在点击了按钮之后需要确认自己没点…

/** * @blockquote : HTML中的<blockquote>元素（或者 HTML 块级引用元素），代表其中的文字是引用内容。 * @pre : pre 元素可定义预格式化的文本 * @hr :…

还记得对象Object吗？ let obj = { a: 1 } 对象的格式： Object { key: value } 在ES5的时代，对象的key只能是字符串String类型。有人就想搞事，把key改成其他数据类型…