global.css | reset.css(格式化样式) common.css(公共组件样式) layout.css(当前页面样式) 清除全站所有页面的浏览器默认样式,保证在初始样式在所有浏览器下一致。 common.css(公共组件样式) 一般一个网站所有页面头部、底部样式都是一致的,而且很长时 ...
分类:
Web程序 时间:
2016-11-20 19:11:17
阅读次数:
1148
总结一下一些知识。 1.利用CSS穿透 常见发生场景:假如我们需要通过input,type=‘file’来上传文件,而这个input的默认样式,可以说是非常地“不人道”。所以我们希望通过一张图片,与这个input大小一样,位置一致地盖在上面。这个时候,显然,这个时候点击图片,input是不会起作用的 ...
分类:
移动开发 时间:
2016-11-18 18:41:11
阅读次数:
253
添加属性 :focus{outline:none} 就可以去掉默认点击时,边框会出现的蓝色边框。 :focus 选择器用于选取获得焦点的元素。提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。 不想点击时每次都要设置的话,最好在默认样式中就设置: 用 :focus 实现外部边框改变 ...
分类:
其他好文 时间:
2016-11-17 01:36:23
阅读次数:
289
首先要来吐槽一下火狐浏览器,缓存还是记住的checkbox的状态怎么样的。反正我先打开网页,再修改checkbox,添加一个checked true,默认选中,刷新火狐的页面,竟然没有效果,用其他浏览器测试都有效果。。。。火狐要关闭当前网页,再打开才行,坑。。。。。我测试在其他浏览器中修改check ...
分类:
其他好文 时间:
2016-11-16 14:49:28
阅读次数:
296
有些时候bootstrap的展示不能满足自己的需要,可以手动加一些样式来控制展示一个input有两个label左边一个,右边一个.control-label默认是右对齐的,放在左边是没问题,如果放在右边就会出现离input框很远,可以手动加一个style="text-align:left;"来控制他强制左对齐<divclass="..
分类:
其他好文 时间:
2016-11-12 20:20:07
阅读次数:
470
近期需要改造项目中的滚动条,使原滚动条在三大浏览器下表现相同,分享一下自己的改造经历: 项目中的滚动条分布在网页的各个小窗口中,使用的是-webkit-scrollbar制作,在-webkit内核的浏览器下表现非常漂亮,但是在ie和火狐下无法兼容,还是非常丑的默认样式。 原计划使用css hack打 ...
分类:
Web程序 时间:
2016-11-09 20:13:29
阅读次数:
651
不说话,直接上代码 不需要图片,css解决 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum- ...
分类:
其他好文 时间:
2016-11-07 12:26:37
阅读次数:
218
//鼠标划上去默认样式添加 listNow = getUrlParam("page"); $(".header").load("../file/head.html",function(){ $(".l-list li a").eq(listNow).addClass("active"); }); $ ...
分类:
其他好文 时间:
2016-11-01 13:43:29
阅读次数:
206
input[type=number]有时会出现默认的加减spinners,这时就需要清除默认样式 ...
分类:
其他好文 时间:
2016-10-28 23:01:47
阅读次数:
225
根据自己的使用习惯可以添加一些基础样式 补充: font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; IOS iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetic ...
分类:
其他好文 时间:
2016-10-20 12:02:21
阅读次数:
178