自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

亭子的Blog

简洁而不简单,丰富而不繁琐!

  • 博客(17)
  • 收藏
  • 关注

转载 强制换行和禁止换行样式

在CSS里,主要有强制换行和禁止换行。一、强制换行1  word-break: break-all;   只对英文起作用,以字母作为换行依据。2  word-wrap: break-word;   只对英文起作用,以单词作为换行依据。3  white-space: pre-wrap;   只对中文起作用,强制换行。 word-break:break-all 和

2013-05-30 10:24:50 876

转载 文本框input聚焦失焦样式

大家都知道浏览器里面的文本框的聚焦(focus)时可以改变样式,可以变得更漂亮,让用户体验会更好,今天72色来给大家看看这个样式怎么去改变。首先用css的伪类:focus可以改变。文本框的html代码假设如下:  Name:     Password:     Textarea:   css代码这样写:input[type="text"]:foc

2013-03-15 11:07:24 8706

转载 《产品经理必备网站合集》

=============个人博客  =============费杰博客 http://www.kuliqiang.com/纯银 http://firecacada.blog.163.com/月光博客 http://www.williamlong.info/周鸿祎博客 http://blog.sina.com.cn/s/blog_49f9228d01015jww.h

2013-02-17 16:11:39 1111

转载 CSS3+HTML5实现圆角

CSS3是样式表(style sheet)语言的最新版本,它的一大优点就是支持圆角。 ========================================= CSS3圆角详解 一、CSS3圆角的优点 传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点: * 减少维护的工作量。图片文件的生成

2012-12-25 17:33:16 1262

转载 IE6、IE7、IE8、Firefox、Opera、谷歌浏览器、Safari CSS hack区分,浏览器兼容性

在我们设计网站或者在制作主题的时候都需要用到CSS,但是现在浏览器特别多,每种浏览器显示的效果不一样我们怎么来区别这些恼人的浏览器显示问题呢?今天分享一篇区别各个浏览器兼容性呢针对样式名如果只让ie6看见用*html .head{color:#000;}如果只让ie7看见用*+html .head{color:#000;}如果只让ff看见用:root body .head{

2012-10-23 15:45:18 6664

转载 web2.0网站设计风格要素

web2.0 :我一直听到说这个时髦的词,不管是喜欢还是讨厌web2.0,它都是这种特定的web2.0设计风格的一个主要的部分。这个指南的目的是想给一些设计新 手一些参考,或者是做为一个清单,给那些还在挣扎着适应着好多社会性网络/社会性媒体网站风格的页面图形设计师们。  首先我们知道web2.0有很多技术定义,比如新媒体或者分享信息或者媒体等等。我不准备讲那些繁杂的东西,因为我们只要关

2012-01-11 14:38:13 1219

原创 什么是信息架构?

<br />       信息架构,原文是information architecture,简称 IA。<br />       信息架构是在信息环境中,影响系统组织、导览、及分类标签的组合结构。这是将架构和设计学运用在数位环境中的一门学问。<br />       信息架构会影响信息的可用性(Usability)和可寻性(Findability),除此之外,仍有许多因素会影响,例如设计经验的累积、图形的设计、人机间的互动、知识内容的管理……等,这些都是与信息架构相关的领域。<br />       它是一

2011-02-27 22:12:00 1835

原创 什么是可用性?

<br />       人机交互界面亦称用户界面(User Interface)是指人与产品进行交互的方式与方法。高科技产品的功能复杂化和普及化对产品的交互界面提出了更高的要求。复杂的产品功能要求界面提供更加有效的支持。普及化则要求界面易于学习,能够满足不同用户的需要。这促使界面技术成为高科技领域的重点研究课题。上世纪70年代末,研究者们提出了可用性(Usability) 的概念,并开始对其评估方法和应用展开了研究。<br />      对于可用性的概念,研究者们提出了多种解释。Hartson (199

2011-02-27 22:07:00 4040

原创 什么是用户体验?

<br />用户体验是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用。他们能够忍受的问题,疑惑和BUG的程度。<br />用户体验的英文是User Experience,缩写为UE或UX, 用户体验是一个工作体系,而不是某一个职位(这点)。<br />用户体验这个工作体系应包括以下几个工作:<br />1. 需求调研 2. 信息架构规划 3. 交互设计 4. 内容设计 5. 视觉设计 6. 界面开发 7. 可用性测试<br />大致可以分为3个角色:

2011-02-27 22:01:00 765

转载 什么是UI?

<br />UI的本意是用户界面,是英文User interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系,所以这样可分为3个方向,他们分别是:用户研究、交互设计、界面设计。1用户研究。<br />用户研究包含两个方面:一是可用性工程学(usability Engineering),研究如何提高产品的可用性,使得系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学的研究,发掘用户的潜在需求,为 技术创新提供另外一条思路和方法(consumer insight

2011-02-27 21:56:00 1048

原创 UED(用户体验)部门面临的问题

<br />很多互联网公司都有用户体验设计部门(UED,或者UXD)。通过自己亲身经历,加上和业界的朋友交流,发现各个UED都或多或少有下面的问题:<br />一、活在童话里,很傻很天真<br />白鸦说过,UED要做的就是要没有UED,让人人都是UED。但我觉得这只是个美好的幻想罢了。现在好了,每个部门都在喊用户需求,用户体验,貌似 声势挺好大,就好像当一件事情的责任和大家都相关的时候,那就和大家都没关系了,因为找不到主要负责的人。我看到的多是把自己想要做的事情包装成用户需 求。其实,和以前一样,各个部门

2010-12-21 16:16:00 1627

原创 倒 计 时 代 码

 var deadline= new Date("5/1/2010");var  symbol="2010年5月1日";var now = new Date();var leave =deadline.getTime() - now.getTime();var day = Math.floor(leave / (1000 * 60 * 60 * 24));if (day > 0)   docume

2008-11-19 10:46:00 559

原创 背 景 不 动 效 果

 把这段样式style="background-attachment: fixed" background="img/bgfix.gif" ,放在中。就OK了!

2008-11-19 09:59:00 731

转载 CSS运用的二十四个技巧

 在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在进行搜索,扩展您所想要得到的知识,相信您会有很多收获!一、ul标签在Mozilla中默认是有padding值的,而在IE中只有margi

2008-10-21 14:34:00 556

原创 如果文字过长,则将过长的部分变成省略号,鼠标指向时显示全部

  首先定义:     .ellipsis_div{     width:300px;    background-color:#cc88ff;    overflow:hidden;       text-overflow:ellipsis;       white-space:nowrap;       wzy:expression(void(this.title=this.i

2008-10-21 14:20:00 1430 1

转载 规范化CSS+XHTML命名参考

 CSS命名规则          头:header   内容:content/containe   尾:footer   导航:nav   侧栏:sidebar   栏目:column   页面外围控制整体布局宽度:wrapper   左右中:left right center   登录条:loginbar   标志:logo   广告:banner   页面主体:main   热点:hot

2008-10-21 13:32:00 393

原创 网页常用小技巧

  1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6. 可以在收藏夹中显

2007-08-28 11:15:00 538

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除