文章列表
PS加强网页设计中像素化细节的技巧 http://www.aa25.cn/773.shtml
最实用的12条css技巧 http://www.cnblogs.com/JustinYoung/archive/2008/03/28/most-used-css-tricks.html
CSS经典技巧十则 http://www.blueidea.com/tech/site/2006/3594.asp
一些css技巧整理http://www.v4uu.com/blog/article.asp?id=196
10个你可能不知道的CSS技巧 http://blog ...
- 2009-05-13 10:12
- 浏览 851
- 评论(0)
WEB设计经验－来自microsoft.com设计主管
作为设计主管，Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具，这些工具被用于下载中心、产品目录、配置文件中心、 搜索 和注册等联机功能 ...
- 2009-05-07 17:57
- 浏览 611
- 评论(0)
如何在浏览器地址栏前添加自定义的小图标？你是不是记得有时在浏览网易网站的首页时，在地址WWW。163。COM前会显示一个“易”字样的小图标。而默认情况下，这个图标是一个IE浏览器的指定图片。 其实这也不是什么高深技术，只不过在网站目录下添加了一个特定文件而已。 这时，我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“＜head＞＜/head＞”之间添加如下代码： ＜Link Rel="SHORTCUT ICON" href="http://图片的地址（注意与刚才的目录对应）"＞ 其中 ...
- 2009-05-07 17:37
- 浏览 3452
- 评论(0)
CSS属性:装饰超链接
※装饰超链接
网页默认的链接方式是这样的：未访问过的链接是蓝色文字并带蓝色的下划线，访问过的超级链接是深紫色的文字并带深紫色的下划线。如果您所有的网页都是这种样式，是不是很单调呢？
其实，利用文本属性中的Text-decoration属性就可以实现对超链接的修饰。我们先看下面的这段代码：
<html> <title>link css</title> <head> <style> <!-- //*定义伪类元素（ａ：），大括号内定义了前景色属性和文本装饰属性 ...
- 2009-05-07 17:35
- 浏览 974
- 评论(0)
http://www.rrhjz.com/ 人人会建站
http://sc.cnwebshow.com/ 设计资源网
http://sc.cnwebshow.com/daima/20070805/1767.html TaskMenu 3.0(仿xp界面菜单)
http://xianguo.com/ 鲜果网
http://www.ucweb.com UCweb
https://twitter.com/login Twitter
http://ditu.live.com/ live地图
http://www.love-99.com 摄影店
http://w ...
- 2009-04-24 10:09
- 浏览 1316
- 评论(0)
http://www.cool80.com/ 搜罗精美酷站,提供精选素材！
http://www.w3cbbs.com/thread-718-1-1.html 首次使用css+div
http://www.cssview.cn/?action=index&cid=1 css+div 布局商城网站
http://www.cssview.cn/case/tr/index.html 自然网，风格不错！
- 2009-04-02 16:12
- 浏览 728
- 评论(0)
对CSS网页布局的技巧，可谓是名目繁多，在52CSS.com上就有很多种，很多条，但有多少是适合新手朋友的呢。今天介绍一位CSS新手整理的CSS网页布局的小技巧，或许对您更有实际的参考价值： 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、一个兼容性调整(IE和Mozilla)的笨办法： 初学可能会碰到这样一个情况：同样一个标签的属性在 ...
- 2009-03-31 15:44
- 浏览 725
- 评论(0)
我们可以用CSS样式的filter（滤镜效果）对HTML的一些标记设置滤镜效果。
例：
黑白照片 filter: gray; X光照片 filter: Xray; 风动模糊 filter: blur(add=true,direction=45,strength=30); 正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3); 半透明效果 filter: Alpha(Opacity=50); 线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, S ...
- 2009-03-26 23:06
- 浏览 1865
- 评论(0)
使用css设置字体的透明度及艺术字代码
2006/10/28 下午 06:28
<div style="height: 60; background-color: red; filter:alpha(opacity=20);">meizz</div> 放td容器里面 <table width="100%" border="0" cellspacing="0" cellpadding="0" ...
- 2009-03-26 23:03
- 浏览 6020
- 评论(0)
1. http://www.alvit.de/css-showcase/css-galleries-tabs-navigation-showcase.php这里收录了近百个优秀站点的CSS导航菜单
456bereastreet.com
svcseattle.com
stopdesign.com
pixelgraphix.de
surfgarden.de
- 2009-03-26 22:54
- 浏览 1020
- 评论(0)
一直以来，人们都认为淘宝的导航条不错，更有很多网站效仿；今天就当作个练习，作一下这个导航条； 以下效果应用的图片共2张，如果只用1张效果不太好，特别是圆角部分。我大致看了一下淘宝现在的导航条，分别用了十几张图片，并不是用以下这个方法作的，如果你有兴趣现在可以上淘宝网看一下，鼠标移上去的图片不能立刻显示，这样的效果不是很理想。 这次我试着把显示的效果图和鼠标移上去的图合成一个了，这样鼠标移上去就不用再加载一次这个图了，可以解决以前鼠标移上去还得等一会的问题。（测试后的效果似乎还真的可以） 测试代码，CSS和内容都没有优化； CSS代码如下：
Example Source Code [ ...
- 2009-03-26 22:49
- 浏览 1864
- 评论(0)
任何的tab导航，都可以采用下面的方式来实现。看一下下面的Tab menu效果。
我们需要准备tab左面背景和中右部背景图片（不过我个人偏向于把中间的背景和右边的背景分开，我认为那样可以实现中部背景循环，就算文字长一米也无所谓了，不过这太夸张了，考虑中国没有哪个菜单文字会超过6个字，英文也很少有太长的tab，所以两张图片完全够用了。）以及他们的鼠标悬停时的图片。采用图片的滑动门技术，因此把图片做成一张图，如下。
css代码和xhtml代码如下：
<style type="text/css">/*- Menu Tabs----------- ...
- 2009-03-26 22:48
- 浏览 1873
- 评论(0)
<style>#demo{overflow:hidden;width:120px;text-align:center;padding:10px;}#demo img{border:none;width:100px;height:100px;}#enlarge_images{position:absolute;display:none;z-index:2;}</style><div id="demo"><img src="http://bbs.blueidea.com/attachments/2007/6/13/2007061 ...
- 2009-03-26 22:33
- 浏览 903
- 评论(0)
实际效果图：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; char ...
- 2009-03-26 22:30
- 浏览 907
- 评论(0)