Results matching “CSS”

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

CSS特效之:表格

网络常用的表格形式是细线表格,但是对于内容较多的显示,则容易造成视觉疲劳,较好的解决方法除了减淡表格线条颜色,增大线条和字色的对比,增大表格内tr和td属性中的padding值之外,运用无线条交替背景的表格则可以大大增强可视性。

方法一:非常简单,用expression法设置table中tr的属性

CSS特效之:滤镜

近期工作之需又开始了DIV+CSS的工作。网站改版中为了实现设计效果,遇到了一些问题,也因此学习了一些CSS特效技术,例如图片效果。

记得以前做过一些图片效果,好像是用js实现的,用mouseon设置半透明等特效,代码如下:

设计配色基础

上周偶然看到佩带得当的百年校庆胸章,竟然有种颠倒的感觉,脱口而出“是不是戴反了?”结果虚惊一场。不过"100"Logo好看,可是做成胸章后,个人认为有点头重脚轻的感觉。后来在一本配色书籍中看到了原委--这种色彩重心偏上可以产生动感。

以前本人的设计注重版式和布局,归结为几年前平面构成的学习(没有学色彩),而近期越来越发觉颜色感觉的重要性。从新版主页精确的颜色设计到宝石的配色,似乎色彩的选择搭配占据了设计90%的工作,当然其中包含了版面(色块的对比面积),图标颜色和样式(强调色的选取),链接样式等等。之前看到一个韩国设计师谈配色,她将色彩分为主色调,辅助色和强调色三类,从较为专业的色彩描述用语开始,区分颜色属性(120色)和感受,随书光盘还带了配色练习,可以强化知识的学习和对色彩的认识

而这本由日本人编写的《设计配色基础》偏重于实际应用,本书从对比实例分析入手,将配色理论贯穿其中。最值得推荐的是,他利用色环和纯色三角形将配色理论大大简化而更易于理解。

站点改进心得

网站宣布完成,进入后期的加工、修饰和完善阶段。考虑到近期要休婚假,所以工作积压在了国庆前后,加之近期领导要求的修改又多,简直忙疯了……很想像猫一样晒着太阳大睡,即使国庆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实现的效果,着力推荐,以供分享哟~

红旗★飘飘Blog介绍了几种常用的所见即所得在线文本编辑器,并进行了对比。我们项目中对内容提交部分应用的是DXTB,除了能保留copy进的内容保留格式之外,对纯文本的内容还可以进行格式编辑,如字体大小颜色,堆起方式,链接,图片(支持直接copy入库)等等,功能可谓强大了。可是领导认为进行纯文本的转换操作(将文字copy进txt文本中,再ctrl+A,copy出来黏贴进提交框)过于复杂,希望能改进文本编辑器,成为一种不论遇到任何格式都能自动清除不需要的格式控制,保留需要的格式,形成的网页在我们CSS控制下完美如期的显示。但是经调研,这种略有功能的在线编辑器都需要100多$,如要求般最完善的编辑器需要4000多$--哈,俺们要真有这本事,一年卖一套比上一年班还值~可惜相距专业公司水平甚远,只能寻觅一些免费的将就将就。