tiger.passion
- 浏览: 288815 次
- 性别:
- 来自: 上海
-
最新评论
-
alan.hee：
不错
网站开发的流程 -
crabboy：
这是好东西啊
表格样式的应用——对程序员比较有用（二） -
linkaisheng：
IE6下有相应的解决方法的
position:fixed -
ph4nut：
what a good stuff!
可供选择CSS框架 -
ailiceromatic：
请问piwik的效率怎么样，如果pv是百万级的网站，速度会不 ...
piwik 不容小视的开源网页访问统计系统
文章列表
打印属性<o:p></o:p>
打印HTML文档总是会出现问题。在CSS2中，我们可以借助打印属性让打印web内容更容易一些。<o:p></o:p>
属性<o:p></o:p>
描述<o:p></o:p>
值<o:p></o:p>
...
- 2007-09-11 14:14
- 浏览 1384
- 评论(0)
对上述的导航菜单都简单浏览了一遍,挑选了几个比较喜欢用自己的方式实现了下!
发现其实挺简单的,无非就是想法和设计不错,不过往往我们国内设计师缺的就是这些...
css 代码
/* menu Theme */
@import url(basestyle.css);
@import url(baseframe.css);
/*Start primaryNav1 */
#header-nav1{ width:760px; height:120px;background:#fff url("../ima ...
- 2007-09-11 13:51
- 浏览 1343
- 评论(0)
今天在52css上逛了下,有不小的收获,站内提供的一些很好的资料可供学习网页制作的人作参考.以下是站点归纳出来的53个精彩导航菜单.对菜单感兴趣的人可以研究研究.
1. Change.org
2. N.Design Studio | Design & Blog
3. Good Creative - Web and Graphic Design
4. MacRabbit - Welcome
5. Joyent: Introducing Joyent
6. CSS Vault » The Web’s CSS Site
7. notiam.com
8 ...
- 2007-09-11 13:35
- 浏览 1430
- 评论(0)
css 代码
.btop{
width:900px;
height:10px;
background:url(images/napic/top.jpg) no-repeat top left;
}
.bbottom{
width:900px;
height:10px;
background:url(images/napic/bottombottom.jpg) no-repeat bottom left;
- 2007-07-03 15:49
- 浏览 1071
- 评论(0)
手里的银行卡太多了，人好像也忍不住烦躁起来: 工资卡是工行的，基金在农行买的，办的代缴水电煤银行卡是农行的，可家里的账户偏偏是交行的，于是大多数时间都在拿太平洋卡刷卡购物。无论数目大不大，每天将这些 ...
- 2007-05-08 17:06
- 浏览 4064
- 评论(1)
五一假期结束了！ 7天时间说长不长，说短也不短，并没有和获得所预先期望的那么多（本想着去海边，或是苏杭地区的有名景点去逛上一逛），实际上我只去趟上海的城皇庙，逛了逛庙会，好在庙会十分热闹，又加上和同事们一起，所以玩的也非常尽兴。
其他时间大多待在公司没怎么出去，这样一来让我在假期里也多出了几套风格不错的blog样式。
对了，发现最近blog写的少了！ 可能是最近大多时间都放在练手上了，这样可不行啊，应该是学以致用嘛！最好是理论和实际相结合，所以接下来的时间里要开始抽出一部分时间继续吸收学习啦！
- 2007-05-08 16:55
- 浏览 1200
- 评论(0)
为 Web页指定 DOCTYPE 会影响浏览器呈现页的方式。Internet Explorer、Mozilla Firefox 和 Opera 全都支持一种名为“DOCTYPE 切换”（也叫“DOCTYPE 嗅探”）的功能。<o:p></o:p>
引入 DOCTYPE 切换的目的是使浏览器能够正确地呈现符合标准的 Web 站点以及旧式 Web 站点。大多数 Web 站点被开发为呈现 HTML 页而不是 XHTML 页。浏览器通过判断是否存在 DOCTYPE 来确定何时应该使用标准来呈现页。<o:p></o:p>
Internet Explorer ...
- 2007-04-30 20:21
- 浏览 1216
- 评论(0)
*+html 与 *html 是IE特有的标签, firefox 暂不支持，而*+html 又为 IE7特有标签。因此便可以很方便的得到一个针对于FireFox、IE6、IE7三种不通浏览器的hack实例代码如下：
css 代码
#wrapper
{
#wrapper { width: 120px; } /* FireFox */
- 2007-04-30 20:16
- 浏览 1326
- 评论(0)
!important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.
(注意写法.记得该声明位置需要提前.)<o:p></o:p>
<o:p></o:p>
css 代码
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
<o:p></o:p>
- 2007-04-30 20:10
- 浏览 1143
- 评论(0)
作为针对IE5x的一种hack，使用实例如下：<o:p></o:p>
css 代码
#centercontent {
background:#fff;
margin-left: 199px;
margin-right:199px;
border:1px solid #000;
voice-f ...
- 2007-04-30 20:06
- 浏览 3649
- 评论(0)
1、 选择有效的关键字：
关键字是描述你的产品及服务的词语，选择适当的关键字是建立一个高排名网站的第一步。选择关键字的一个重要的技巧是选取那些常为人们在搜索时所用到的关键字。
2、 理解关键字：
在你收集所 ...
- 2007-04-27 17:45
- 浏览 1100
- 评论(0)
css 代码
body{
background-color:white;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
color:white;
}
ul,li{
margin:0px;
padding:0px;
}
li{
display:inline;
list-style:none;
...
- 2007-04-27 16:54
- 浏览 2866
- 评论(0)
windows 宋体 与 vista 雅黑
单独设计的粗体。 以往宋体的粗体都是通过内嵌点阵或者字体引擎渲染的，效果不是很好。粗体的单独设计意味着另外设计一套字体，所有的时间成本和人力成本翻倍，造价也会翻倍，但是显示效 ...
- 2007-04-17 12:07
- 浏览 1818
- 评论(1)
原以为用这个不需js就可实现的几个未知高度容器的对齐觉得非常方便，而且免去了js有时所带来的麻烦。但在这几天对这组代码的重复使用过程中，发现了其不少的弊端，其中大多问题出在overflow：hidden属性上（外容器外的的相对定位容器被隐藏不能显示、外容器内锚点设定时该容器内锚点以上的页面内容消失等），而这又是这组代码为了实现容器自适应必不可少的一条加在外容器结构体中的属性；所以在考虑使用何种方法来实现几个未知容器适应时，更应因情况而言，可以从效率、易用、危害性（指对后续开发和重写时带来的负面影响较小）方面来考虑。
除去浏览器对js的阻止，以下代码的简洁和易用性都 ...
- 2007-04-09 23:56
- 浏览 1352
- 评论(0)
Xhtml中标签的书写格式
<img>img>或<img />（width 和height可以为页面事先预留图片空间，避免在打开页面时浏览器为计算图片大小不断调整页面文字，为阅读带来不便；width 和 height 也可为图片实现缩微图的效果，不过为了显示正常最好保持图片的宽高比例）
img
Function
Inserts an image into a document
Attributes
align, alt, border, class, controls (), dir, ...
- 2007-04-09 10:52
- 浏览 1541
- 评论(0)