原文: 101 CSS Techniques Of All Time- Part2
翻译: 帕兰
之前已经翻译了101个CSS技术高级应用教程(上),现在我们就将为你带来更多的CSS高级应用,让你在网页设计中,使用CSS的时候更加得心应手。
Block Hover Effect Links 链接悬浮特效
How to Create a Block Hover Effect for a List of Links- 学习如何创建一个链接悬浮特效 demo 演示.
How To...
阅读更多
2008年02月13日
5,219 次浏览
原文:101 CSS Techniques Of All Time- Part 1
翻译: 帕兰
CSS从根本上改变了网页设计,它让网页样式与网页基本元素分离,只需要通过一个小小的style.css文件里面,对相应元素定义众多的属性,就可以实现完全的整站改变。CSS是强大的,是伟大的,是不可或缺的。
要掌握CSS并不困难,帕兰随时自信满满的跟一些想学习CSS的朋友说:学会CSS所需要的时间,...
阅读更多
2008年02月12日
7,534 次浏览
CSS Grid Builder是一个网上工具,它可以让你简单的按几下,就创建出标准兼容的网页布局。 CSS Grid Builder由强大的Yahoo!UI的图书馆集成输出,提供预先建立的模板及版面组合。
CSS Grid Builder的主要特点:
支持可变宽度( 100 % )的布局,以及预设固定宽度布局在750px , 950px ,和974px ,并能够方便地定制任何数值的宽度。
支持轻松定制的...
阅读更多
2008年02月09日
2,550 次浏览
下面这个教程来自woork,将教你如何利用CSS和javascript实现像Flickr那样的横向下拉菜单。
一步一步的来:
使用一个javascript函数showmenu()来显示和隐藏菜单。
function showMenu(id_menu){
var my_menu = document.getElementById(id_menu);
if(my_menu.style.display==”none” || my_menu.style.display==”"){
my_menu.style....
阅读更多
2008年01月31日
8,548 次浏览
CSSvista是一个免费的Windows增强应用程序,为Web开发人员准备的一个CSS编辑器。它可以让你同时在IE和firefox下调试你的CSS样式表代码。
对于每一个Web developer来说,浏览器的兼容都是个大问题,其中Firefox和IE又是最主要的用户浏览器。一般我们会安装不同的浏览器来进行测试,Firefox用户则可以使用IE tab这人扩展来进行调试。
现在,你可以试试...
阅读更多
2008年01月23日
1,805 次浏览
想不想给你的日志中出现的不同后缀名的文本链接添加一个醒目的图标?
并且完全使用CSS来实现,不需要任何javascript.
Iconize就是这样一个工具,实际上应该说是一种CSS的应用技巧,它可以为每种不同的文本链接添加不同的图标。比如,为Youtube的视频链接添加一个图标,为Flickr的图片链接添加另一个图标。
要使用它非常简单,你可以点击这里下载。里...
阅读更多
2008年01月21日
1,017 次浏览
原文: Make PNG transparency work in Internet Explorer
翻译:PARAN
初学网页设计的朋友可能都会碰到这样的问题,需要在网页插入一透明图片。如果使用Gif格式的透明图片,可能像素低,显示不够清晰。如果用PNG格式透明图片,在IE6下将达不到透明效果,而是灰色的背景。这会让你的网页看上去非常丑陋,任何一个网页设计师都不想出现这样的问题...
阅读更多
2008年01月20日
4,430 次浏览
重要提示:谢谢Gloridea的留言,如果要让此文本渐变效果正常工作于IE6下,需要一个Hack,大家可以查看这个英文的Webfx的Hack方法,或是搜索一些中文的相关Hack。
看看上面的文字渐变效果,还不错吧。不会用photoshop? NO,NO,NO!这不需要你使用photoshop,甚至不需要任何javascript,它完全是纯CSS的。
这是来自Nick La的最新的一个非常具创意的设计-C...
阅读更多
2008年01月18日
2,554 次浏览
原文:21+ Fresh Ajax CSS Tables
翻译:PARAN
当谈到表格数据的设计时,没有太多的网页设计师会有太大的兴趣。今天我们已经收集了20多个功能超大且看上去挺漂亮的ajax/CSS表格设计,并且教你一些表格设计中所运用的技巧,例如表格数据的排序和过滤等。
OK,让我们来看一下这些表格:
1. Tablecloth
Tablecloth 由CSS Globe 开发,是一个轻巧易于使用的...
阅读更多
2008年01月17日
41,215 次浏览
表单需要有一个稳固的视觉结构,完整的层次组成元素(输入框、提示文本、提交按钮等) ,强大的技术和功能(ajax)使表单更加易于使用并看上去更加漂亮。下面是一些Ajax效果的CSS表单,可以用来美化你的网站表单。
样式化表单
1) Uni Form
一个规范的表单,结构良好,高度可定制,交互友好,非常实用。
2) CSS-Only, Table-less Forms这是一个很好的...
阅读更多
2008年01月17日
26,543 次浏览