前面两篇文章我们分别谈到了class和id的相关知识和如何使用，但是在实际项目中，我们该如何抉择，class还是id？ 先回顾下两者的区别吧！ 1.id具有唯一性，class具有普遍性，所以一个页面同一个id只能使用一次，而class可以被无限制使用。 2.id的优先级要高于class的!如...

2018-06-24 00:59:55 css代码html文档

最近在用jQuery实现动态模糊查询的时候，找了挺久都没有找到像Vue.js的watch属性这么好用的动态模糊查询方法。就分享一下目前遇到的坑和可以实现动态查询的几种方式。 1.jQuery的change()方法。 这个方法要失去所在的input框的焦点时，事件才会被触发，感觉有点鸡肋，...

2018-06-24 00:59:48 css代码

浏览器兼容问题是指，不同厂商开发的浏览器针对同一段代码的不同解析，造成页面展示效果出现差异的情况，很多时候为了追求显示效果的一直，前端开发人员就要针对不同兼容问题应用相应的方法处理，达到效果一致的目的。 下面这些是平时开发过程中遇到的，做个汇总，方便...

2018-06-24 00:59:37 css代码前端开发html注释

需求：需要实现纵向列表左边的一条时间轴，时间轴中间除穿插具体的时间节点外不可间断，单击右边信息盒子里的图标，向下弹出子盒子并撑开列表，时间轴相应的延长。再单击图标，子盒子隐藏，时间轴收缩。看图来直观的了解一下这个需求，为便于观察，使用了醒目的红色线...

2018-06-24 00:59:28 css代码

实现如图所示的动画效果： 预载动画一：双旋圈 在两个不同方向旋转的圆圈。我们对内圈的转速定义了一个CSS代码，即内圈比外圈的速率快2倍。 实现如图所示： html代码： body style ="background: #ffb83c;" div id ="preloader-1" span / span span / span / div / bod...

2018-06-24 00:58:49 css代码

动态显示目录的作用 不用每次写博客的时候繁琐的人工整理目录，又可以动态浮动在右下角，方便快速跳到感兴趣的位置同时也可以快速的对文章内容有一个大概的了解。 实现原理 首先根据个人喜好，我习惯了用 h1 来做分类。所以本篇内容也主要是针对h1来提取目录。 如何提...

2018-06-24 00:58:31 css代码

css3 3d案例总结 最近入坑 Web 动画，所以把自己的学习过程记录一下分享给大家。就把最近做的比较好的给大家分享下 1.旋转拼图 首先看下效果 代码主要由HTML和CSS3组成，应该说还是比较简单的。 首先是HTML代码： div class="camera" id="camera" div class="kuai" div...

2018-06-24 00:57:35 css代码html框架

网站前端页面中，有时候会使用一些三角形，除了使用图片的方式之外，利用css的border属性也可以做出相对应的三角形。那么，利用border是如何实现三角形的制作的呢？ 先看下面一个例子： CSS代码： width:100px; height:100px; border-top: solid 100px blue; border-le...

2018-06-24 00:57:33 css代码网站前端

转载网址：http://www.jb51.net/css/529846.html 前言 其实不管是三栏布局还是两栏布局都是我们在平时项目里经常使用的，也许你不知道什么事三栏布局什么是两栏布局但实际已经在用，或许你知道三栏布局的一种或两种方法，但实际操作中也只会依赖那某一种方法，本文具体...

2018-06-24 00:57:18 css代码

最近在解决UI问题时碰到以下浏览器不兼容性问题（本人属于UI业余操作者，很多想法就很业余了）： 问题： IE8及其以下低版本IE浏览器在缩小窗口时，UI没有按照相应的要求显示窗口缩小时对应的布局；其他浏览器正常。 定位过程： 其实开始拿到问题时是无从下手，不知所以...

2018-06-24 00:57:15 css文件css代码