随笔分类 -  用户体验设计(UED)

摘要:1.单行内容的居中.middle-demo-1{height: 4em;line-height: 4em;overflow: hidden;}2.父元素未设置高度,内容居中.middle-demo-2{padding-top: 24px;padding-bottom: 24px;}3.子元素有固定高... 阅读全文
posted @ 2015-11-08 20:24 爱好和平的阿道夫 阅读(176) 评论(0) 推荐(0)
摘要:以前就见过那种导航地图,点击地图的不同省份分别跳到不同的连接,现在用html实现一下,简单的。图像映射是指一个图像可以建立多个连接,就是在图像上面定义多个区域,每个区域连接到不同的地址。效果如图:(可以直接分别点击四个人物头像试试!) 点击索隆,跳到索隆。点击索隆,跳到索隆。 1 2 3... 阅读全文
posted @ 2015-11-03 17:12 爱好和平的阿道夫 阅读(628) 评论(0) 推荐(0)
摘要:场景:人物:前端实习生「阿树」与 切图工程师「玉凤」 事件:设计师出设计稿,前端实现页面玉凤:树,设计稿发给你啦,差那么点像素,就叼死你┏(  ̄へ ̄)=☞ 阿树:~(>_ 阅读全文
posted @ 2015-11-02 20:31 爱好和平的阿道夫 阅读(293) 评论(0) 推荐(0)
摘要:现在普遍的在网页中,表单提交数据的按钮最常见实用有三种,一种是input,一种是button,最后一种,是其他如a标签,div标签,span标签代替而来。在以前的日子里,大家都习惯于用input,因为他直接拥有type=submit,而button没有,它更适合于表达 button。然而。。。首先我... 阅读全文
posted @ 2015-07-19 11:45 爱好和平的阿道夫 阅读(3111) 评论(0) 推荐(0)
摘要:一:一.指定文件兼容性模式(Xee:因为我已经放弃IE6,7了,所以以后设计的网页最低支持IE8;) 要为你的网页指定文件模式,需要在你的网页中使用meta元素放入X-UA-Compatible http-equiv 标头。 1. 强制IE8使用IE8模式来解析,而且那个兼容性视图 按钮也被去掉了 2. Google Chrome Frame也可以让IE用上Chrome的引擎(Xee:随... 阅读全文
posted @ 2014-11-16 21:50 爱好和平的阿道夫 阅读(473) 评论(0) 推荐(0)
摘要:如何理解 IE 的文档兼容模式(X-UA-Compatible)? IE 浏览器支持多种文档兼容模式,得以因此改变页面的渲染效果。 IE9 模式支持全范围的既定行业标准,包括 HTML5(草案), W3C CSS Level 3 规范(草案), SVG 1.0 规范等 IE8 模式支持许多既定行业标准,W3C CSS Level 2.1 规范和 W3C Selectors API,有限支... 阅读全文
posted @ 2014-10-28 16:49 爱好和平的阿道夫 阅读(269) 评论(0) 推荐(0)
摘要:我的网站,为了使360浏览器打开时默认为极速模式,给用户良好的体验!避免网页由于细节而导致页面布局错乱~ #################你还可以参考:360浏览器内核控制Meta标签说明文档http://se.360.cn/v6/help/meta.html 阅读全文
posted @ 2014-09-03 16:28 爱好和平的阿道夫 阅读(732) 评论(0) 推荐(0)