效果如图: 参考代码如下 p { margin: 4px; } a[href^=”http:”] { background: urlimages/window.gif) no-repeat left … Continue reading CSS实现按超级链接类型显示图标
分类: 前端
JS基础测试: typeof delete window.name 的返回结果是什么
考核内容: js 删除对象属性的应用 解题思路: 删除对象属性 我们可以使用 delete 关键字来删除 JSON 对象的属性: delete 操作符用于删除对象的某个属性;如果没有指向这个属性的引用 … Continue reading JS基础测试: typeof delete window.name 的返回结果是什么
Bootstrap4模板中出现的shrink-to-fit=no是什么意思
bootstrap4示例模板中出现这样的代码 <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink … Continue reading Bootstrap4模板中出现的shrink-to-fit=no是什么意思
提高CSS 开发效率的常用代码片段
这篇文章会记录我们平时常用到的 CSS 片段,使用这些 CSS 可以帮助我们解决许多实际项目问题中遇到的,欢迎收藏转载: 清除浮动 浮动给我们的代码带来的麻烦,想必不需要多说,我们会用很多方式来避免这 … Continue reading 提高CSS 开发效率的常用代码片段
纯CSS3实现各种loading效果
动画效果参考连接:http://www.webhek.com/post/css-loaders.html 效果如下: 以上这些效果都是用一个div加css3动画实现的,看起来效果似乎不错。如果不考虑I … Continue reading 纯CSS3实现各种loading效果
css实现标题左右横线
直接上代码 <style type=”text/css”> .title { position: relative; font-size: 32px; color: #fff; heigh … Continue reading css实现标题左右横线
纯css实现小三角
原理就是:宽高为零,单独设置border的宽度,然后上右下左,根据需要选择三角形的方向,比如选向上箭头,其他右、下、左设置为透明; /**向下的三角**/ .sanjiao_down{ width:0 … Continue reading 纯css实现小三角
CSS 伪元素:before&:after 与z-index 的那点事
最近要实现一个类似下面的层叠的效果,需要带一个hover 缓动效果。 第一反应就是直接使用:before&:after伪元素,配合绝对定位加z-index 轻松实现,实际操作发现并不是这么一回 … Continue reading CSS 伪元素:before&:after 与z-index 的那点事
jQuery版本选择建议 jQuery不同版本的差异汇总
jQuery 自 2006 年诞生以来,一个发行了 1.x、2.x、3.x 这三个大版本。而在这三个大版本下又细分了许多小版本。可能有些小伙伴不太清楚这些版本有什么区别?实际开发中应该选用哪个版本?下 … Continue reading jQuery版本选择建议 jQuery不同版本的差异汇总
iframe设置height无效解决方法
iframe设置height为100%无效,实际是因为父空间高度没有设置的问题。 代码如下 <body> <iframe id=”content” src=”main.do” … Continue reading iframe设置height无效解决方法