关注前端开发
关注用户体验

HTML/CSS

第2页
HTML5绘制上海地铁线路图-大前端

HTML5绘制上海地铁线路图

投稿者阅读(30600)评论(63)

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

CSS创建三角形(小三角)的几种方法-大前端

CSS创建三角形(小三角)的几种方法

宇轩阅读(89257)评论(34)

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

IOS下移除按钮原生样式 -webkit-appearance-大前端

IOS下移除按钮原生样式 -webkit-appearance

浩子阅读(44071)评论(13)

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

CSS3 iphone式开关的推荐写法-大前端

CSS3 iphone式开关的推荐写法

浩子阅读(33354)评论(28)

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

CSS常用浮出层的写法-大前端

CSS常用浮出层的写法

浩子阅读(82121)评论(87)

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

移动端Web开发小记-大前端

移动端Web开发小记

浩子阅读(71385)评论(25)

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

简单HTML5打造内涵搜索框-大前端

简单HTML5打造内涵搜索框

浩子阅读(49741)评论(20)

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

CSS巧妙实现分隔线的几种方法-大前端

CSS巧妙实现分隔线的几种方法

浩子阅读(87457)评论(32)

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

解决Firefox下input button内文字垂直居中-大前端

解决Firefox下input button内文字垂直居中

浩子阅读(32943)评论(18)

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

解决Button在IE6、7下的自适应宽度问题-大前端

解决Button在IE6、7下的自适应宽度问题

浩子阅读(43385)评论(32)

很早就遇到过这么个小问题,但由于其并未影响到实际作用和美观就没有正面解决它,现在,我们来试着解决它。 写一个Button,有两种方式:其一,直接button标签;其二,input type=”button”。 不管哪...

themebetter 国内更好的WordPress主题服务商

立即前往