一条宝鱼的专栏

先说好处：无需借助js，只用css就可以实现一定屏宽范围内元素大小随屏幕宽度改变平稳变化。再说用法：第一步：元素大小单位选用rem。第二步：根据设计稿的屏幕宽度设置html的font-size大小，且单位用vw。第三步：通过media query设置html根font-size的最大最小px值。以上就是把大象关冰箱的三个步...啊呸，是一定范围内适配任意屏幕宽度的三个步骤。例：假设设计稿是1200px的屏幕，第一二步的效果将是：1200px宽度的屏幕，html的font-size

在之前的一篇文章中，我已经介绍了input file上传按钮的美化，地址：http://www.haorooms.com/post/css_input_uploadmh,今天，我们来讲一下checkbox美化和radio美化，关于select下拉框的美化的话，要用一个jquery插件了，这个插件后面我们再讲！急用的同学可以留言！ 但是像checkbox美化和radio美化，input美化，根本就...

一、javascript页面刷新重载的方法：<a href="javascript:location.reload();">点击重新载入页面</a><a href="javascript:history.go(0);">点击重新载入页面</a><a href="javascript:location=location;">...

网上有很多日期插件，jqueryUI也自带的日期插件，jqueryeasyui也有日期插件，等等五花八门，当然，简单期间，你可以运用那些日期插件。本文介绍两款相对比较好用的日期插件。声明：本插件非本人所写，来源于网络。首先，一款是完整显示年月日的插件。如下图：这款插件很好用，API文档请看：http://www.haorooms.com/uploads/example/datatr...

1、滚动轴美化，一下代码是针对谷歌中滚动轴的设置美化，把它加到你的css中就可以了，代码如下：::-webkit-scrollbar{ padding-left:1px; background-color:#fafafa; overflow:visible; width:9px;}::-webkit-scrollbar-thumb{ backgro...

css有不少常用的效果，你在平时浏览网站的时候可能会看到，但是真的要自己写的时候，有时候会突然忘记，今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候，很多网站变成了灰色，如何让网站快速变灰？css代码是很简单的，用的是css的filter功能。代码如下：html { filter: grayscale(100%);//IE浏览器 -webkit-filter: g...

对于手机网站建设，总结了如下几点注意：1、 安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现...

手机网站开发，最让人头疼的是网站的兼容问题，不同的手机可能会出现一些莫名的问题。手机网站常见问题及解决方案，我会在后面的文章陆续发表，大家可以看一下。本文主要讲解电脑上如何调试手机网站：一、安卓手机的调试：1、最常见的安卓手机的调试方法是用chrome浏览器调节，既方便有简单。（chrome的版本要在v20.0以上）按F12,调出代码调试器，如下图可以让代码调试器左右结构显...

最近几年，大屏幕手机和ipad等移动设备的流行，使你的网页兼容移动设备已成为一种流行！移动设备的屏幕大小是五花八门，各式各样！要想很好的兼容移动设备，Css3的media技术是功不可没。我的博客，应用了CSS3的media技术，使其在手机等移动设备上面也可以查看。当然，只凭css3的media技术，做好手机网站是远远不够的，手机网站注意事项和总结，后面会陆续出一些文章，欢迎持续关注！好了，...

1、px：绝对单位，页面按精确像素展示2、em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。em是指字体高度 浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根元素写的font-size:62.5%; 这样em就成了16px*62.5=10em;这是显示在页面的...

前言这几天一直都在研究 Sass/Scss，这次就把 Sass 基础使用方法整理发表出来。让想学习这方面知识的朋友可以多一份参考资料。毕竟现在这方面的资料特别的稀缺。在这里贴出这两天研究 Sass 的小小成果：《Sass开发 – Ruby安装出错解决办法：淘宝网镜像 RubyGems》《Sublime Sass插件编译出错Decode error及‘sass’不是内部或外部命令的...

气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示：拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡框会很不方便，可能每修改一次气泡框都要重新制作一个三角形小图标。如果我们能够直接用HTML和C...

/******************************************************************************** 异步上传文件,兼容IE8，火狐和谷歌可用,如果支持h5则使用h5* 实现单个多次上传不刷新* @author 柳伟伟 * @version 1.6 (2016-09-27) 修整代码***************************

//zxx:以下为翻译全文，本着语言生动和本土化之原则，内容有编辑注意：每周有那么几次，此列表会更新一些新的窍门，最终，本文会成为超级有用的资源。//zxx:丑话说在前头，我可没功夫更新，所以，即使到您女儿出嫁那天，本文还是28项内容前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课

1.     变量(1)变量的定义：#set($name = "hello")      说明：velocity中变量是弱类型的。当使用#set 指令时，括在双引号中的字面字符串将解析和重新解释，如下所示：#set($directoryRoot = "www" )#set($templateName = "index.vm" )#set($template = "$dire

Position定位：relative | absolute定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。定位的定义：在CSS中关于定位的内容是：     position:relative | absolute | static | fixed