今天给同学写一个相册照片鼠标浮动显示细节的效果，遇到了闪动的bug，也顺利解决，就写下来跟大家分享。 我使用的是‘标签：hover + 标签’的形式，如果使用jquery的mouseover、mouseout等事件，也可以参考此方法，原理一样。 分析：图片使用 ,然后使用div+span写入鼠...

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

目的： 实现一个响应式导航，当屏幕宽度大于700px时，效果如下： 当屏幕宽度小于700px时，导航变成一个小按钮，点击之后有一个菜单慢慢拉下来： 思路： 1.为了之后在菜单上绑定事件，并且不向DOM中添加多余的节点，在大屏幕中出现的导航和小屏幕中的下拉导航必须是一个...

2018-06-24 00:26:37 css代码

CSS BUG：样式在各浏览器中解析不一致的情况，或者说CSS样式在浏览器中不能正确显示的问题称为CSS BUG； CSS Hack:css hack是指一种兼容css 在不同浏览器中正确显示的技巧方法，因他们都属于个人对css代码的非官方的修改，或非官方的补...

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

今天简单写一点关于浏览器兼容的处理方法，虽然百度上已经有很多，但是我还是要写！ 先看一个图 这个图描述了2016年1月至8月网民们所使用的浏览器市场份额（来源：http://tongji.baidu.com/data/browser）。令我感到欣慰的是chrome排第一，chrome一直以来对W3C标准都支...

2018-06-24 00:25:58 css代码前端开发

1. 使用过渡 过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如，如果使用:hover选择器，一旦用户将鼠标悬停在元素之上，浏览器就会应用跟选择器关联的属性。 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Example / title style type ="...

2018-06-24 00:25:42 css文件css代码html文档

css预处理器赋予了css动态语言的特性，如变量、函数、运算、继承、嵌套等，有助于更好地组织管理样式文件，以及更高效地开发项目。css预处理器可以更方便的维护和管理css代码，让整个网页变得更加灵活可变。对于预处理器，广泛使用的有less和sass。在这不做对比，2者大...

2018-06-24 00:24:47 css样式表css文件css代码css规则html文档

原文链接：https://hacks.mozilla.org/2016/05/css-coding-techniques/ 译文链接 :http://www.zcfy.cc/article/css-coding-techniques-x2605-mozilla-hacks-8211-the-web-developer-blog-1244.html 最近，我发现许多人被CSS难倒，无论是新手还是有经验的开发者。自然地...

2018-06-24 00:24:25 css框架css样式表css代码css规则前端开发

很多网页设计者在写css时都是在通用选择器中就设置了字体的大小，中文情况下一般为12px。然而IE浏览器却无法调整那些使用px作为单位的字体大...

2018-06-24 00:24:19 css代码

方法一： 简单的CSS代码实现幻灯片效果 方法二： 使用CSS3 Animation来制作幻灯片 方法一： 简单的CSS代码实现幻灯片效果 话不多说，直接上代码 ! DOCTYPE html html lang ="zh-CN" head meta charset ="UTF-8" title CSS实现简单的幻灯片效果 / title style type ="te...

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

有IOS的开关模拟，当然也有MIUI的开关模拟 看到设置选项里面的开关样式，突发奇想地来试试 最终效果如图： 实现过程 1. 选项框checkbox 模拟开关当然需要一个选项框，这里用到了复选框checkbox 2. 理解开关的过程 点击开关按钮，则开启或关闭。原生的checkbox无法做到...

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