摘要: 其实我就是想说px和em的区别,网上资料其实一堆堆,但是还不如自己试验总结的清楚。前端高手可能觉得这玩意简单,但是作为小猫,还是好好学一下。阅读全文
posted @ 2011-09-29 14:00 § 薄樱 § 阅读(1464) 评论(14) 编辑
摘要: 本来用jQuery等框架去避免浏览器之间对JavaScript处理的差异,但最终还是不能完全回避问题。需要一些额外的插件帮助。阅读全文
posted @ 2011-08-31 14:00 § 薄樱 § 阅读(3555) 评论(20) 编辑
摘要: 我在以前的公司,并不怎么用position这个属性,只是在写一些特殊效果的时候才用绝对定位。这就导致我对这个属性很不理解。今天有空,百度学习了一下。留下下面的文字。position的四个属性值: relative ,absolute ,fixed,static (画外音:inherit其实也是,不过今天不怎么说他~)阅读全文
posted @ 2011-08-19 10:28 § 薄樱 § 阅读(1417) 评论(22) 编辑
摘要: 今天头让我修改个javascript方法,验证输入的日期是否符合要求。恩。我们的要求是yyyy-mm-dd这样的格式,其他的统统不符合要求。原来的方法没用正则表达式,用了一堆判断。其实我也很头疼正则表达式,百度了一些资料,总结一下,这里留个备份吧。阅读全文
posted @ 2011-08-15 17:45 § 薄樱 § 阅读(482) 评论(10) 编辑
摘要: 默认的html滚动条很难看,一些漂亮的网站,滚动条都是针对网站整体样式配套设计的。在网上搜索到两种改造方式。一种是给默认滚动条设置样式,另一种是使用设计好的图片+css+js。都挺好用的。第一种(纯css):完成后.div{ scrollbar-face-color: #ebebeb;scrollbar-shadow-color: #ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color: #d8d8d8; scrollbar-darkshadow-color: #d8d8d8; scrollbar-track-co阅读全文
posted @ 2011-07-26 16:48 § 薄樱 § 阅读(703) 评论(4) 编辑
摘要: DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。阅读全文
posted @ 2011-07-12 21:08 § 薄樱 § 阅读(198) 评论(0) 编辑
摘要: 给自己一些激励。。。阅读全文
posted @ 2011-07-12 17:58 § 薄樱 § 阅读(202) 评论(6) 编辑
摘要: 很短很短。。但是很重要很重要。浏览器优先级别: FF < IE7 < IE6 ,CSS hack书写顺序一般为FF IE7 IE6 以: " #demo" 的样式为例; #demo {width:100px; height:100px;border:1px blue solid \0}/*被FIREFOX,IE6,IE7执行.*/* html #demo {width:100px; height:150px;border:3px green dotted }/*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */ *+ht阅读全文
posted @ 2011-07-08 16:36 § 薄樱 § 阅读(142) 评论(0) 编辑
摘要: 参加站酷的比赛。做了第二套。名称 水墨小鱼,一个主题两套图标http://www.zcool.com.cn/work/ZNzkyMjQ0.html阅读全文
posted @ 2011-07-07 17:17 § 薄樱 § 阅读(109) 评论(0) 编辑
摘要: 头一次做手机UI。。。整个过程自我感觉还可以。。参加了站酷的比赛。。练习第一。比赛第二。。恩。就这样。。http://www.zcool.com.cn/work/ZNzg4NzE2.html阅读全文
posted @ 2011-07-06 16:18 § 薄樱 § 阅读(131) 评论(9) 编辑
摘要: 一、五大基本选择符1. *(通配符)*通配符选择器,经常用于css reset(样式重置),清理标签的默认样式,但现在一般不提倡直接使用*了,主要是*会匹配所有标签,相当耗资源。*在css的优先级中是最低的。* {margin: 0; padding: 0;} 也可以用*来匹配某一元素下的所有子元素:#container * {border: 1px solid black;} 2. #X(ID)#+id名,这是日常常用的css选择器,用于匹配id为XXX的元素,id选择器的优势是精准,高优先级(优先级基数为100,远高于class的10),作为javascript脚本钩子的不二选择,同样缺点阅读全文
posted @ 2011-06-22 11:25 § 薄樱 § 阅读(340) 评论(7) 编辑
摘要: 在火狐4、谷歌12浏览器中,使用jquery.tools.min 1.2.5版的Jquery Validator,不出现验证提示框。在ie7、8、9下就好用。解决方法。在form中添加 novalidate 属性就可以解决这个问题,并且不影响在ie下的效果例如:<form method="post" action="rival_show.jsp" id="form1" name="form1" novalidate></form>详细解说见:http://www.w3.org/TR/html阅读全文
posted @ 2011-06-20 11:22 § 薄樱 § 阅读(141) 评论(0) 编辑
摘要: 前言:Html5和css3已经走入视线。html5新增了很多东西,比如表单元素的类型,验证等等,但是现在诸多浏览器还不兼容html5的新特性,故此,使用jquery加以验证。 等大部分浏览器支持html5,页面不用修改,直接删除jquery插件就可以继续使用。注意:1、本例使用的jquery插件是jquery.tools.min.js,最好使用包含jquery基础包的完整版本。 2、本例中的验...阅读全文
posted @ 2011-06-09 16:58 § 薄樱 § 阅读(765) 评论(5) 编辑
摘要: 今天用Brushes类调颜色出来。无奈不知道那些英文名字的颜色究竟输出以后是什么颜色。就搜了一下。。这里备用。。阅读全文
posted @ 2011-06-07 10:14 § 薄樱 § 阅读(130) 评论(0) 编辑
摘要: JS里有一个 Date() 对像,里面可以用 getYear() 取年份信息。。用IE跑是正常的,但在FF上,2011年,变为111年了!查了一下JS的API文档。有一个叫 getFullYear() 的方法。只要把 getYear() 改为 getFullYear(),就ok!阅读全文
posted @ 2011-06-02 11:35 § 薄樱 § 阅读(145) 评论(2) 编辑
摘要: 效果如下图:使用jquery做的。很简单几句代码就ok。html代码:<div><a href="#" id="doc01">最终方案01.doc</a></div><div><a href="#" id="doc02">最终方案01.doc</a></div><div><a href="#" id="doc03">最终方案01.doc</a>&阅读全文
posted @ 2011-05-31 11:56 § 薄樱 § 阅读(468) 评论(1) 编辑
摘要: 用户体验是现在UI设计的重点,一个好看的界面,再加上良好的用户体验,基本就成功啦。。不过,用户体验四个字好写,但是不好做到。。转一篇国外牛人的理论。多多少少都会有帮助~………………………………………华丽分割线…………………………………(一)关于体验约瑟夫。派恩和詹姆士。吉尔摩在《体验经济》一书中提出其观点:所谓“体验”就是企业以商品为道具,以服务为舞台,以顾客为中心,创造出可以使消费者全面参与、让消费者感到值得回忆的活动。体验是使每个人以个性化的方式参与消费,在消费过程中产生情绪、体力、心理、智力、精神等方面的满足,并产生预期或更为美好的感觉。体验的核心就是顾客参与,体验营销的消费者充分发挥自阅读全文
posted @ 2011-05-30 09:31 § 薄樱 § 阅读(52) 评论(0) 编辑
摘要: 在使用数据模板样式选择器时,不能设置ItemContainerStyle的属性值,如果设置了该值,那么数据模板样式选择器会失去作用。在使用数据模板样式选择器时,首先要创建数据模板样式选择器对象,此对象要重写StyleSelector基类的SelectStyle方法,并在方法中返回相应的样式,CS代码如下: public class ListViewItemStyleselector:StyleSelector { public Style Style1 { get; set; } //这个可以换成背景色,边框色等等 public Style Style2 { get; set; } publi阅读全文
posted @ 2011-05-29 22:30 § 薄樱 § 阅读(306) 评论(0) 编辑

