摘要: 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。CSS常用语法缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1;property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是v 阅读全文
posted @ 2013-09-08 10:29 zzz221 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 1.超链接访问过后hover样式就不出现的问题?被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A(link-visited-hover-active)2.IE6的双倍边距BUG例如:<style type="text/css">body {margin:0}div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }</style>浮动后本来外边距10px,但IE6下解释为20p 阅读全文
posted @ 2012-12-09 13:35 zzz221 阅读(262) 评论(0) 推荐(0) 编辑
摘要: <html><head><title>无限级可刷新Js树型菜单</title><meta name="robots" content="无限级可刷新Js树型菜单" /><meta name="description" content="无限级可刷新Js树型菜单" /><script type="text/javascript">function Node(id, pid, name, url, title, ta 阅读全文
posted @ 2012-11-09 23:07 zzz221 阅读(166) 评论(0) 推荐(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><title>CSS3制作的一款很酷的错位式导航菜单,可用于博客丨芯晴网页特效丨CsrCode.CN</title><style> 阅读全文
posted @ 2012-11-01 21:33 zzz221 阅读(203) 评论(0) 推荐(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><script type="text/javascript" src="/imagesforcode/jquery.js&quo 阅读全文
posted @ 2012-10-31 23:25 zzz221 阅读(283) 评论(0) 推荐(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><title>CSS3+jQuery仿花瓣网固定顶部位置悬浮的导航菜单丨芯晴网页特效丨CsrCode.CN</title><meta 阅读全文
posted @ 2012-10-31 20:42 zzz221 阅读(689) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>淘宝帮我挑效果</title><meta name="author" content="css3train" /><meta name="copyright" content="http://tianmaotbsc.diandian.com/" / 阅读全文
posted @ 2012-10-30 20:24 zzz221 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 原理就是,先用left:50%;top:50%让这个div的左上角居于页面的正中,然后用margin-left:-417px;margin-top:-275px;使div向左向上移动它自身宽高的一半.<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">&l 阅读全文
posted @ 2012-10-29 20:14 zzz221 阅读(186) 评论(0) 推荐(0) 编辑
摘要: Web前端:11个让你代码整洁的原则.写Web页面就像我们建设房子一样,地基牢固,房子才不会倒。同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片:上图展示了两段代码,我想大家都只会喜欢第一种,我们先不说其语义,至少他的结构让我们看上去清爽,而第二种呢?一看就是糟糕的代码的代码,让人讨厌的代码。那么要怎么样才能写出一个好的代码,整洁的代码呢?下面我们就从以下十二个方面一起来学习,只要大家以后在写代码的时候能坚持下面的 阅读全文
posted @ 2012-10-28 21:55 zzz221 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 导航是Web网站中最重要的元素.SirsiDynix公司UX/UI设计师Hyrum Denney在Smashing Magazine上发表了一篇文章《Sticky Menus Are Quicker To Navigate》,分享了自己对“置顶菜单”进行的可用性研究成果,及实现技术和相关挑战。CSDN对该文进行了编译,内容如下:导航是Web网站中最重要的元素之一,大部分设计师都同意这一点。尽管如此,现在的导航并不总是容易使用。通常,用户必须滚动到网站的顶部才能访问导航菜单。最近,我在研究“置顶菜单”是否可以加速网站的导航。对此我进行了可用性研究。下面将展示本次研究的成果,以及一些实现的技术及相 阅读全文
posted @ 2012-10-28 21:28 zzz221 阅读(300) 评论(0) 推荐(0) 编辑