HTML/CSS

2015-07-30浩子阅读(33993)评论(5)

最近在做一个H5手机页面项目遇到了一个小小的问题，就是边框描边1像素的问题。 例：网易   一般的app边框描边的线都小于一像素，那么我就像往常一样直接描了1px的边框，虽然是1px可是结果和app里的描边完全不一样“粗了”，所以...

2014-03-25投稿者阅读(35836)评论(63)

某市政项目用到地铁图展示，展示地铁站点以及相关信息流，使用Qunee组件可以很好的解决这类需求，做出优美的展现，下面以上海2012地铁图为例，效果如下： 示例讲解 首先需要解决数据问题，可以从维基百科或者上海地铁官网中获取，不过也免不了人工...

2012-10-17宇轩阅读(101187)评论(34)

你可以在很多地方看到三角形（小三角）：tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢，这些小元素对各UI元素之间的联系关系式很重要的。 有一些不同的方法来设计并制作一个三角形，在本文中，我将介绍： 点...

2012-09-14浩子阅读(51268)评论(13)

IOS环境下的按钮都是经过美化的，但通常我们在设计web app的时候不需要这些看上去老土的样式，所以，去除这些显得很有必要。 下面这句代码就是重置这些样式的： -webkit-appearance: none; 通常，我们在写移动端的we...

2012-08-29浩子阅读(36482)评论(28)

话说这个问题纠结了近一个小时，为什么呢？看看就知道了。 在公司的商旅Web移动版本项目上有这么一个交互，需要模仿iphone自带的开关，好吧，肯定没什么问题。 Tip：请使用Chrome查看以下案例 点此查看实例展示 写啊写，html代码出...

2012-08-22浩子阅读(94517)评论(87)

浮出层是web页面中经常用到的功能，带有小小尖角的浮出层则更为生动，所以今天带给大家的是有角的浮出层，一起看看吧！ 点此查看实例展示 是的，我们即将实现的就是以上功能，是不是很生动？ 贴上HTML： <div class="popti...

2012-08-06浩子阅读(78945)评论(25)

之前为公司商旅频道写移动端的页面时遇到不少问题，今特来个总结，希望能为后来者带来一些帮助。 不再考虑浏览器兼容性 移动端开发主要对象是手持设备，其中绝大部分是IOS和Android系统，so，在开发此类页面时不必纠结IE和其他一些2B浏览器...

2012-05-10浩子阅读(57409)评论(20)

随着HTML5的深入人心，其越来越多的新功能为更多Coder所用，HTML5新增了不少人性化标签和属性，马上介绍的就是新的表单属性。 实例图片： 代码如下： <input type="text" placeholder="输入 回车搜...

2012-05-02浩子阅读(115291)评论(32)

前几天一@同事看新浪微博里有个类似分隔线的提示，就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法，个人比较喜欢第二种，我也给出了最后第五种比较2的写法，请大家拍砖，或者提供其他好的方法。 单个标签实现分隔线：  ...

2012-03-21浩子阅读(35200)评论(18)

很老的问题了，如今再次碰到，记录下来，给后来者方便！ 众所周知，在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己比较二，弄了个私有属性，导致以下问题的出现： 按钮...