Results tagged “CSS”

CSS特效之:让select框"隐身"

本想做个select option框完全隐身的效果,查找了诸多资料,结果发现《网页设计专家门诊》上的方法最为可行,也就是做两个层,下面的为设定的select选项框,而上面的层设定width和height小于select框,相当于作图中的遮罩,则可以做到将select框的上下左右边框隐藏,但是下拉框的箭头就不行了--即如要达到"隐身"的效果几乎是不可能的。无奈,CSS一旦碰到win的组建,简直就是秀才与兵~

问题还是需要解决,设计效果需要尽最大的力量来实现,如果不行则修改设计方案,这是后话了。重新审视问题后发现,需求是实现"下拉框隐身的效果",并非是"让下拉框隐身",那么同样的效果则可以有不同的方式,其中使用CSS下拉菜单是最简单和最可行的。

用CSS可以轻松实现各种各样的链接和hover效果,实现方法也很简单,多为在a和a:hover属性中设置不同的背景属性(background-color 或者background-image),边框(border--left,bottom ...)以及根据背景配置的字体属性(font:bold size #color )等,所谓设计效果的优劣,其实不外乎各种属性的搭配组合效果,只要够耐心,肯定能出彩,ul和li属性(list-style-image)类似,俺就不赘述了。下面几张是利用这些小技巧作出的效果:

站点改进心得

网站宣布完成,进入后期的加工、修饰和完善阶段。考虑到近期要休婚假,所以工作积压在了国庆前后,加之近期领导要求的修改又多,简直忙疯了……很想像猫一样晒着太阳大睡,即使国庆7天刚刚过完。

小有成就的是解决了一些显示效果相关的技术问题,也就是css、js在不同浏览器、显示器显示效果的兼容性。

CSS大师Eric采访实录

自从学习、实践CSS以来,问题层出不穷,实在是自己学习的太肤浅,对CSS的理解也不够。

本篇摘录一段对CSS大师Eric的采访记录,希望加深认识,准备重拾对CSS的学习劲头。

关于作者和此篇采访

原文于2004年4月21日采访,载于webstandardgroup.org由国内CSS的倡导者和先驱阿捷翻译(注,阿捷乃傅捷,是《网站重构》的译著者)。

Eric A. Meyer从1993年开始做网络方面的工作,受雇于Netscape公司做标准设计培训师。Eric在这个行业中相当有名,他经常就web标准、跨浏览器兼容性、CSS和web设计等方面在各种会议上发言。作为一个西方预科大学的网络管理员和毕业生,Eric开发W3C的CSS1校验程序,并于最近出版了尽其所能发现的CSS设计局限。Eric也是《Eric Meyer on CSS》、《Mastering the Language of Web Design》(New Riders)、《样式表:权威指南》(O’Reilly & Associates)、《CSS2.0 程序员参考》(Osborne’ McGraw-Hill)以及众所周知的CSS 浏览器兼容性表的作者。

CSS+JS实现网页(图片)特效

开学了,工作是忙碌的,身心是劳累的,但生活是充实快乐的--因为学习到了新知识并应用于实践,很有成就感。

近来的活儿主要是一部分网页内容的筛选、组织、编辑和页面制作,其中图片展示不在少数。就观察而言,HTML的CSS革命正如卷狂潮般袭来,令人不可抗拒,因此使用CSS控制页面样式势成必然,如何才能在W3C框架下做出漂亮、简洁的效果?如何才能让数量有限的插图和装饰图片印上个人独特的风格烙印?最好的方法就是用CSS配合JS来完成。

以下是本人搜集的一些CSS和JS实现的效果,着力推荐,以供分享哟~

CSS网站改版谈

网站改版工程终于竣工了。

此次改版有几大特点:内容的重组(增减归类),动态调用,全面CSS重构。改版中处处体现了以用户为中心的设计理念,如首页的数据库排行榜,多合一的检索窗口等。

CSS网站重构的全流程在阿捷(《网站重构》一书编译)的网站有完整的套餐,及其丰盛。而我这里谈的是个人的改版体会--一些重构过程中出现的问题和总结的小经验。

CSS网页设计紧急充电

最近的生活只一个词,忙乱~

好些寒假未完成的工作积压,许多学了好一阵的东西实践不出来,连文字也牵强语言也匮乏,知识也似被掏空,经常出现断面和崩溃前迹象,需要恶补。工作紧迫,先上的都是正餐~

走马观花窥数图

首页专门设置了一些数图和图人blog的链接,忙里偷闲上去窥两眼,这一看不要紧,大把的时间飞快过,越看越心虚,直冒冷汗--需要学习的东西太多了,自己太浅薄了。

DHTML & CSS

CSS的之死从去年首次接触拖到今年,热山芋都快成化石了,终于开始动手准备。
从库里找到了6本书:
  • CSS/JSS & DHTML动态网页制作 国防工业出版社 2001

  • CSS权威指南 Eric A. Meyer著 中国电力出版社 2001
  • CSS & DHTML网页制作特效与实例 杨正华编著 清华大学出版社 2000
  • CSS/HTML网页设计 位元文化编著 中国铁道出版社 2002
  • CSS & DHTML动态网页教程 四海工作室编著 科学出版社 2002
  • CSS与DHTML精髓 (美) Dan Livingston著 清华大学出版社 2003
  • 还好有一半比较有价值,准备明天去“淘宝书”。