CSS
mimi00x
这个作者很懒,什么都没留下…
展开
-
web2.0配色方案
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> http://www.w3.org/1999/xhtml"> web2.0配色方案 - koyoz.com div{margin:10px 0px;width:300px;height:100px;} .d1{border:1px solid #96C2F1;background:#EFF转载 2010-01-21 17:36:00 · 376 阅读 · 0 评论 -
如何垂直居中对齐CSS
之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS 中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。首先,要有一个概念:凡是 table 布局可以实现的,CSS 一定可以实转载 2010-01-21 18:56:00 · 452 阅读 · 0 评论 -
图片自适应大小,css来办
在制作网站布局中,图片的自适应功能是一个非常重要的功能,一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现:#tupian img {max-width:600px;width:600px;width:expression(document.body.clientWidth>600?"600px":"auto");overflow:hidden;}max转载 2010-01-21 18:32:00 · 507 阅读 · 0 评论 -
CSS选项卡
我的滑动门 body{ color: #000; font-family: "宋体", arial; font-size: 12px; background: #fff; text-align: center; margin: 0; } .nTab{ float: left; width: 960px; margin: 0 auto; border-bottom:1px #AACCEE转载 2010-01-21 19:33:00 · 370 阅读 · 0 评论 -
网页表格的制作技巧
其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。转载 2010-01-21 18:40:00 · 663 阅读 · 0 评论 -
几个经典的css技巧
使用 line-height 垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。清除容器浮动#main { overflow:hidden; }不让链接折行a { white-space:nowrap;转载 2010-01-21 18:43:00 · 318 阅读 · 0 评论 -
如何使用HTC文件来封装CSS样式
下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。 1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。 以下是引用片段: 2、写一个可执行的脚本。在下面的代码中,ATTACH 被用于设置 HTC 接收元素在 onmouseover 和 onmouseout 事原创 2010-01-21 19:02:00 · 408 阅读 · 0 评论