Moluv 重新开站了!
去年年底的时候发过一片文章,说 Moluv 网站关闭的事。在两周前收到他将要重新恢复的邮件列表信。今天收到发来的重新开站一周以来的网站情况介绍。
Moluv 是一个介绍世界上最顶级网站、最有前瞻性网站的网站。这次网站重新恢复更新,前后经历了很多的过程,可以去作者 also 的博客了解了解。
现在在 Moluv 网站上推荐网站是收费的,价值三美元,因为有很多很多的网站都在提交他们的网站,希望获得 Moluv 的推荐,以至于 Moluv 没有那么多时间来审查那么多的网站,这样会造成他们没办法把更多的更好的站点来推荐给大家,所以他们采用了这个方法来提高推荐给他们网站的质量,另外还能帮助他们解决一部分的资金问题。
其实从上次关站,除了站长长时间维护一个网站消耗掉的热情和精力以及 Delicious 的崛起一下改变网站收藏的复杂的方式是关站的一个原因外另一个很大的一个原因就是因为资金的原因(站长在这几年中通过网站对各种广告的投放有了惊人的经验,以至于站长做了一个这方面的收费服务,在文章下面会提到),当然了是在我看来,哈。不过从另外一个角度来看,如果你的网站真的足够好,那么花三美元去推荐一下其实挺值的,当然了,前提是你的网站足够好,那么你就能获得在他们网站的推荐,换个角度来说,就是花三美元在 Moluv 做一个小文字广告,其实还是挺值的。(Google 的广告投放在一个网站上,一般是一个 IP 一年一美元。)
Moluv 最高的时候一天有七千的 IP 呢。平均下来也有 2500 IP。
Moluv 网站重新开始更新,还有两个方面的事情,一个是他们打算做一些网站内的广告,150 美元一个月可以获得一个推荐的文字链接(大致是这样的)。
另一个是他们做了一个服务,一份“70保密的方式提高您网站的访问率和收入比”的文件。不过这个文件要在九月一号优惠期前还要 22.95 美元。
下面是一些为什么这个价值 22.95 美元的一下儿说明引用:
5大理由…
为什么这份文件将帮助您创造更多的在线销售业务。
- 它的基础上,对实际工作真正登陆页面,而不是对个人的喜好或偏见。
- 很多的技术是免费而且易于足够使用权消失。
- 它会显示你的地方,甚至专家作出大的错误。
- 你将学到的方法,许多设计专业人士保持自己。
- 它列出了战略,向您展示如何创造更多的流量到您的网站只是改变文本的位置。
证明的技巧和技术,您可以依靠。
学习什么技术可以用来:
- 让您的网站访问者更有可能点击。
- 确保您提供的记忆中。
- 让您的目标网页更具吸引力。
需要的在线营销意见?
- 设计师
- 学习如何把重点放在你的技术,以创造更多的网上业务,通过使用登陆页面。 使用我们的做法,以加强深度,在您自己的销售演示。
- 小企业主
- 创造更多的新业务,使小的变化,或通过使用简单,少昂贵的特定目的而建造的登陆页面。
- 营销
- 留在尖端什么样的工程,在网络营销。 您的同行留下深刻的印象和管理与改善所取得的新的见解,通过增加转换率在您登陆页面。
- 企业家
- 让您的在线营销开始与一帮。 无论什么样的业务您在使用登陆页面与我们的技术将有助于确保您的在线营销正在使用的最佳做法,以创造收入。
什么是登陆网页?
- 这是一个到达网页
- 登陆页是网页,您的在线和离线广告点,您的访客。 什么很多人,包括经验丰富的专业人士,仍然不知道的是,在许多情况下,所有的资料,您未来的客户大约需要您的公司和产品或服务,您出售可以适合在同一页上。
“ 70个秘密如何改善您的目标网页的转换率,并导致质量”将告诉您如何发生的和现在的Web表单,动作按钮,照片和文字,因为如果你是一名老练的专家与营销,销售,及设计经验。
为什么花时间冲刷的Web有效的创收在线销售策略时,您可以得到我们的完整清单战测试方法的权利,现在的价格,每天值得一提的咖啡呢?
站长寄语:
之后,网站设计与编程,为初创公司和大企业为过去15年来,我留意到的格局看时,分析数据的准买家,并通过自己的销售经验。
我注意到,完全相同的模式,在我多年的训练在武术来自世界各地。 成功的,由于良好的技术,更比野蛮武力或身体的实力。
技术我已经概述了在这六页的报告,已成功作出了贡献我自己的网站www.moluv.com ,以及为成功的50 +企业在线营销活动,我已对责任。
我已经花了很多年检讨数以万计的网站,寻找最好的。 在Google上搜索“世界上最好的寻找网站” ,你会发现我的网站在最上方。 企业Web程序我已经导致产生数百万的年度营收。
我深信这六页的报告将帮助任何人准备登陆的网页会产生更多的销售和更高的转换率。 期。 您是否售卖电气服务, iPod配件,宠物食品,无论如何,行之有效的战术我已经概述了将提升您的线索当你申请。
学习这些技术,今天,并开始产生更高的收入。
这里的到您的盈利填补了天!
-莫里斯赖特, moluv.com
Blueprint CSS Framework 学习笔记-布局
CSS 对于任何一个网站来说都是不同的(当然这里排除那些克隆网站、抄袭网站等网站),那么既然这样,框架对于网站来说有什么意义呢?
就我目前的认识和理解,框架对于一个网站来说的意义就在于布局。因为按照目前的情况来说,Web 标准的要求中很大的一个难点在于布局部分的代码,这样说是因为比如就算我们做 Web 标准做的不好,做的不够标准,只是形似而不是神似,只是表面上标准了可实际上离标准还差的远,但是如果在浏览器里看起来没问题我们就可以说是没问题,可是如果布局做的不好,在浏览器里走形,那么即便代码做的再标准又如何呢?所以布局是 Web 标准的重中之重,自然也就 CSS 框架的主要要解决的部分了(个人愚见,大家多探讨,共同学习共同进步)。
网站布局部分的问题解决了,那么其他的细节问题就可以自定义 CSS 来做个性化的问题了。
Blueprint CSS Framework 的布局部分 CSS 给定了一些基本的东西,我们运用得当的话,可以演变出很多很多的布局,只要你的要求不是太怪,应该都能满足。
在 CSS 框架的模式下,拼合使用 class 是不可避免的,这里用避免这个词是因为我提倡尽量不使用拼合 class 的方式来使用 CSS 。拼合使用的优点缺点都有很多,目前为止还没有定论,等以后我再来仔细研究一下这个问题来写它一篇。
布局概述:
- 可以实现宽度为 950 象素的整体居中的布局(这个布局模式应该是这个 CSS 框架中最主要或者最有可能多的用到的一个了),在这个模式下,实现布局我们只需要简单的计算所采用的 CSS 类的名字中包含的数值就可以实现,而不用计算复杂的宽度;
- 如果需要一行三列等分的布局,那么只要 24÷3=8 ,好了,三个 div 的 class 类的名字就是 span-8
这篇文章是写不完了,草稿状态已经草稿了半年了,我估计我也完不成这篇文章了,将这个状态的草稿发出来,就算了结了这个事算了。哎……
新浪网站 2008-04-01 调整改版
新浪网今天网站进行了调整,宽度改为 950 象素的了。在没够门户级别的网站上(china、cctv、tom、yahoo、qq等)纷纷放弃了对 800×600 屏幕分辨率支持的时候国内三大门户(新浪、搜狐、网易)都没有放弃对 800×600 屏幕分辨率用户的支持。
今天新浪率先走出了这一步,真是不容易,伴随这这次调整改版,新浪网也重构了 html 代码,朝 web 标准走出了一大步,看来门户网站也感受到了来自不同方向的压力,所以不得不在各个方向上都去努力。
新浪这次调整不能完全上说是改版,只能说是调整,因为大的方向只是将页面拉宽,将字号放大。
大致看到的改观分列如下:
- 页面宽度拉宽为 950 象素(看来这个 950 象素是一个经过推敲和计算和包含着一种看不清楚的经验和模糊的一个精确的数值,Blueprint CSS Framework 框架中给定了一个用来做整个页面的控制类 .container 给定的宽度就是 950 象素);
- 内容部分列表字号改为 14 象素;
- 导航条部分用加粗的竖向对齐的几个频道名称突出重点频道的名称(这种模式在网易采用了以后就被众多网站纷纷采用,当然也有可能是其他网站发明的,不过就我来知的是从网易知道的,虽然算不上是什么发明创造,不过在之前是没有在大型网站上看到过这种模式的,最起码网易采用这个做法推广了这种表现方式),看来这种方式可以在以后的设计中采用一下(看下面的图);

- 代码部分除了一个广告和版权部分外已经完全将 table 代码抛除(重构的算是挺好的了);
大致看到这么多,大家有看到什么说出来互相探讨探讨。
顺便在说说 google.cn 两天前还是三天前,首页也进行了一些调整(其实 google.cn 的首页一直在不断的调整),就是将大家前一阵研究了很半天的 google.co.kr (google 韩国)搜索输入框下的哪一排小图标按钮的动画效果也加到了 google 中国的页面上,这下不用在去看韩国的那个代码了,看中国的这个就行了,哈。
在谷歌新首页的下部,新出现继续google惯例简约风格的彩色圆点。这些圆点依次分别以绿、蓝、黄、浅蓝、棕、橙和红色代表视频、图片、资讯、地图、搏客搜索、热榜和网站导航7个谷歌原本以文字链接为体现的频道,当鼠标指向圆点会跃然出现图标和说明文字。
还有,前几天说的 QQ 改版采用的默认字号为 13px 象素的事情,问了好几个地方都没有得到答案,不知道他们出于那种原因采用 13px 的字号,不知道是不是有什么新的研究成果出来了,才采用的 13px 的字体,不过现在看样子我自己可以找到了。先来看这个图:

这个图来自:Wangtam
看这个图应该是在 Windows Vista 操作系统下的默认微软雅黑的字体,这样看来呢,13px 的导航确实是比导航左下一点的地方的那个 12px 的导航的字有一定的视觉效果和区别的,还是有一定的表现力的,这样看来在 Windows Vista 操作系统占据市场大量份额的时候,13px 的字体应该会有更多的应用场所。
历时一百天,Yahoo 首页调整终于尘埃落定
先来看前面写的这篇 blog ,然后到最近几天,Yahoo 首页调整感觉终于告一段落了,现在如果没有意外的话,大家看到的版本都是一样的了,前后历时长达一百多天。
这么一个调整,Yahoo 在这个过程中是怎么取舍的,怎么分析数据的就没办法知道了,不过感觉得到的是——他们太谨慎了,太谨慎了。
在不同的浏览器下、分批次、分时间段给用户适应过程,也保证他们慢慢的转变过程。当然了,对于一个全球第一大的网站来说,也不得不谨慎,不能不谨慎,因为他们不能失败。
当然了也可以辩证的说,他们是世界第一大网站了,可以有很多失败的资本。
但是能不失败为什么要冒失败的风险呢,哈。
Yahoo Logo 上的那个叹号上“点”的那个挺好玩的声音 Logo 还是可以继续点的。
页面右下角的地方的横线比内容的地方多了一个象素点(可以点下面的那个图看,我在上面标识了一下的),这个不算是什么问题,我就是想研究一下是那个代码会导致这个问题的出现。好像还是只有 IE 才有这个问题,等回头研究一下代码。
还有顺便提一下,QQ.com 也改版了。QQ.com 在全球排名也挺高的了,可是没任何消息让我知道他们改版前也做过类似 Yahoo 改动的这种长时间的让用户适应和判断改动的正确性的过程或者调查或者什么的事情,看样子国内的网站在面对改版的这个事情上,基本上还是以网站自身为主体,而很少有用户参与进这个过程中来。
我说的 QQ.com 的这个导航看起来有一点点文字毛刺呢,看了看代码,他们采用的是 13px 的字。这 13px 的中文字看来表现还是不是那么好的,尤其是如果计算机系统不采用平滑字体边缘的话。这中文字在网站方面除了 12px 和 14px 外就真的没有一个可以更好表现的字号了,真是挺不爽的。
《我能吃芝士汉堡吗?Lolcats ‘n’ Funny Pictures - I Can Has Cheezburger?》可以正常访问了

《我能吃芝士汉堡吗?Lolcats ‘n’ Funny Pictures - I Can Has Cheezburger?》可以正常访问了。
这个在各个方面,不管十收入也好,人气也好,访问量也好全球排名都能进入前十的博客一直以来在国内就不能正常访问。
具体那天可以访问的就不知道了,不过也就这几天的事。希望不是就这几天可以访问,而是可以一直访问。里面的小猫的图片还是很好玩的。其他的方面么就有点那个了。

博客的相关信息简介如下:
博客主题:关于猫的搞笑图片。随着博客的发展,在这个博客已经慢慢的发展出来了一种类似猫扑的特殊语言,比如在这里人们将“Human”读成“Hooman”,还有很多奇奇怪怪的你只有看着图片会心一笑的时候才能明白的话语和单词。
域名:http://icanhascheezburger.com/
http://mine.icanhascheezburger.com/建立时间:2007 年 1 月
alexa 排名:2,286
technorati 排名:24
pagerank:6
流量:PV 大概为 500000 天
作者:两人,一人全职博客,一人兼职
广告形式及费用:google adsense,AdBrite 以及网络广告等;500-5400美金一个广告位
博客收入:大约70000美金/年
怎样将这样一个博客从娱乐道路导入到一个商业模式上来还是一个很值得研究的学问。在搜索引擎上搜索“搞笑动物”之类的图片,有很多很多中文的内容,可是在国内要想完全克隆或者按类似的模式做一个网站的话,别说赚钱了,估计站长要是想靠这个来生存的话会被饿死。要变通一点才可以。具体变通到什么样子或者情况就复杂了。
《我能吃芝士汉堡吗》这个博客的内容不是那种除了作者别人就写不出来的内容,那么就是在内容上没有唯一性,而没有内容唯一性的博客怎么发展起来?从这个博客上看,它采用了一种内容开放式的方式,搜集来很多有意思的小猫小动物的图片,图片有了,那么最重要的一个问题就是怎么给图片配上一个贴切的标题或说明,一句点睛的话,能让一个很普通的图片立马变得生动起来。让所有的用户都有对图片的“点睛”的功能就成了这个博客的最成功的一点,也成就了这个博客。
这种让用户提供内容的方式就是现在 Web 2.0 的精髓了,能把这种精髓完好简单直接明了的表现出来,难怪这个博客会火。
所以做博客其实不需要太多,只要能抓住一点就好,只要把这点做到真正让人用,而且用了还有成就感就成功了。
以上是个人拙见,有可能对这个博客的分析完全是不对路的,哈,大家见谅。只是我的个人认识,希望看这个博客的朋友能多多发表意见。大家共同进步。
今日(2008-03-10)Alexa 排名前 20 列表
Alexa Top Sites
| Rank | Change | Web Site | Info |
|---|---|---|---|
| 1 | (none) | yahoo.com | |
| 2 | youtube.com | ||
| 3 | (none) | live.com | |
| 4 | google.com | ||
| 5 | myspace.com | ||
| 6 | msn.com | ||
| 7 | (none) | facebook.com | |
| 8 | hi5.com | ||
| 9 | wikipedia.org | ||
| 10 | (none) | orkut.com | |
| 11 | (none) | rapidshare.com | |
| 12 | (none) | blogger.com | |
| 13 | fotolog.net | ||
| 14 | megaupload.com | ||
| 15 | google.fr | ||
| 16 | skyrock.com | ||
| 17 | friendster.com | ||
| 18 | (none) | microsoft.com | |
| 19 | yahoo.co.jp | ||
| 20 | baidu.com |
上升最快的是来自法国的 Skyrock ,这个博客网站现在已经不完全是一个博客网站了。国内访问速度很慢,对我们来说目前没有任何意义。
图片分享站 Fotolog 上升四位,看来图片分享这种需求换真是挺旺盛的,可惜了 Flickr 被 Yahoo 收购了以后就没啥大作为了,连 ImageShack 都比它排名高了。
Yahoo 的老大位置不容动摇,交友、博客、文件分享的巨头网站依然强劲。Yahoo、Google、Microsoft 三大公司在排行榜上依然打的不可开交,反正我看互联网快被这三家公司给垄断了。
百度是不行了,第二十位了,估计下次统计,就二十名开外了。
Blueprint CSS Framework 学习笔记-概述
Blueprint CSS 框架二月二十一日升级到 0.7.1 版本了。经过这么长时间的这几次版本升级,终于把按功能不同 CSS 规则在不同的 CSS 文件中的模式改为单一文件的模式了,所以感觉 Blueprint CSS 框架现在是一个可以用到实际项目中的 CSS 框架了。
* 发布网站: blueprintcss.googlecode.com
* 邮件讨论: groups.google.com/group/blueprintcss
* 官方新闻: bjorkoy.com
这个 CSS 框架将 html 标签设定为如下情况:
- 统一重置了 43 个 html 标签(html 4.0 标签一共 91 个)的属性,(html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td)。重置 html 标签的默认样式为:内外填充边框都为零,字体粗细、字体科族和字体样式继承,字体大小百分之百(在中文情况下使用这个还是改固定象素的好),高度以基线对齐;
- 设定 body 内的行高为 1.5 倍;字体大小百分之七十五(在中文情况下使用这个还是改固定象素的好);字体颜色为 #222222 (接近于黑色)
- 设定 table 的边界间距为有间距、间距为零。(用有间距而间距为零的方式,估计只有这样才能将表格的边界间距设的看不到);下外填充 1.4em ,宽度 100%;
- 设定 caption, th, td 内的元素居左,字体粗细为普通;caption 的背景色为 #EEEEEE (特浅的灰),th 背景为 #C3D9FF (浅蓝色)内的字体为粗体,th, td 的内填充为 上4px 右10px 下4px 左5px;
- 设定 table, td, th 内的元素高度居中;
- 设表格如果需要隔行换色的效果或者某行需要不一样的颜色,那么已经给定了 tr.even td 类,背景颜色为 #E5ECF9 (浅浅的蓝)
- 设定 tfood 为斜体字
- 设定 blockquote, q 元素之前和之后的填充内容为空,引用符号也为空;blockquote 的外填充为 1.5em 字体颜色 #666666 (深灰色),斜体字(中文斜体表现并不好,这个改了斜体不要而用背景色或者字体小一号来表示应该会好点)
- 设定链接下的图片的 border 为零;
- 设定 h1 至 h6 不同的字体大小粗细外填充,颜色为 #111111 (更接近于黑)
- 设定 h1 至 h6 下的图片的外填充为零
- 设定行内图片元素默认左漂浮,同时给出了一个 p img.right 的类,以备你需要图片右漂浮的时候来用(不过很多时候我们需要的是图片不漂浮,这个需要改或者单独建立一个类了);
- 设定链接的颜色为 #000099 (深蓝色)带下划线,鼠标滑过和焦点状态颜色为黑色;
- 设定 abbr 和 acronym 下边缘为一象素点线的边框;
- 设定 del 删除字的颜色为 #666666 (中等灰度的灰);
- 设定 pre 和 code 内地文字显示为 white-space:pre (就是不换行啦,现在<nobr><wbr><xmp>都不建议用了);
- 定义了 ul 和 ol 列表前的标识为实心小圆点和阿拉伯数字。
还有一些各个标签的上右下左的填充、行高、字号大小的设定不细说了。
单独给定了几个可以根据实际需要单独调用的类:
- .small 小号字;
- .large 大号字;
- .hide 不显示;
- .quiet 字色为 #666666 (深灰色);
- .loud 字色为 #000000 (黑色);
- .highlight 背景色为 #FFFF00 (黄色);
- .added 背景色为 #006600 (绿色)字色为 #FFFFFF (白色);
- .removed 背景色为 #990000 (红色)字色为 #FFFFFF (白色);
- .first 左边的内外填充都为零;
- .last 右边的内外填充都为零;
- .top 上面的内外填充都为零;
- .bottom 下面的内外填充都为零。
布局部分 CSS 说明:
- .container 宽度 950 象素,整体居中模式。这个类应该是主要用于页面 body 元素内的整体页面控制的,好像也没其他用了;
- .showgrid 无用的类,这个是用来演示这个框架的一个辅助,可以将这个类删除;
- body 元素设定为上下外填充 1.5em,左右外填充为零。
布局的列宽给出了 24 个不同宽度设定的数值:
- div.span-1 至 div.span-24 全部设定为左漂浮,右外填充 10 象素;
- div.last 设定右外填充为零象素;
- .span-1 至 .span-24 从宽度 30 象素开始,每 40 象素为一单元增加;
- .span-24 和 div.span-24 右外填充覆盖上面的设置,设置为零。
以上四项综合理解可以理解为:
- .span-1 至 .span-23 如果用于 div 元素,那么这个 div 具有的属性是左漂浮,右外填充 10 象素,宽度各自;
- .span-1 至 .span-23 如果如果用于其他元素,那么就只具有宽度属性而不具有漂浮属性也没有右外填充;
- .span-24 是个特殊一点的样式,如果用于 div 元素,那么宽度为 950 象素,左漂浮,右外填充为零;
- .span-24 是个特殊一点的样式,如果用于其他元素,那么宽度为 950 象素,无漂浮,右外填充为零;
- div.last 这个类在 CSS 文件中的位置在 div.span-1 至 div.span-24 的后面,所以如果 .last 类应用于 div 元素,那么这个 div 元素的右外填充将覆盖成为零。
内填充数值:
- .append-1 至 .append-23 设置内右填充,从 40 像素开始,每 40 像素为一单元增加,.append-23 内右填充数值为 920 像素;
- .prepend-1 至 .prepend-23 设置内左填充,从 40 像素开始,每 40 像素为一单元增加,.prepend-23 内左填充数值为 920 像素。
给定两个右边线样式:
- div.border 设定右内填充 4px ,右外填充 5px ,右边线 1px 灰色(#EEEEEE)实线;
- div.colborder设定右内填充 24px ,右外填充 25px ,右边线 1px 灰色(#EEEEEE)实线。
外填充样式:
- .pull-1 至 .pull-24 设定左外填充,从负 40 象素开始到负 960 象素,每 40 象素为一个单元数值变化,同时具有左漂浮和相对定位属性;
- .push-1 至 .push-24 设定上填充为零,下填充为 1.5 em ;左外填充,从 40 象素开始到 960 象素,每 40 象素为一个单元数值变化,右外填充,从负 40 象素开始到负 960 象素,每 40 象素为一个单元数值变化,同时具有右漂浮和相对定位属性。
以上两项应该是这个 CSS 框架中最难理解的部分了,在这里不详细说明了,等到写实际应用的时候弄个列子一说就明白作用了;
给定一些其他样式:
- .box 顾名思义就是一个盒子了,哈,设定内填充 1.5em ,外下填充 1.5em ,背景颜色 #E5ECF9 (浅浅的蓝)
- hr 设定 html 的 <hr /> 横线样式为:背景色 #DDDDDD (灰色),字色 #DDDDDD (灰色),两侧不允许有漂浮元素,无漂浮,宽度百分之百,高度 0.1em ,外填充上左右为零,下外填充为 1.5em ,没有边框。具体表现出来基本就是一根横的一象素灰色线了;
- hr.space 这个样式是用在 <hr /> 标签内的,设定了背景色和字色都为白色。因为是用在 <hr /> 标签内,所以它同时具有 <hr /> 的设定样式,只是将背景色和字色从灰色覆盖为白色,所以表现起来其实就是一根横的一象素白色线。
给定清除浮动样式:
- .clearfix:after 和 .container:after 设定 .clearfix 和 .container 之后的表现为:内容是“.”(一个小点),显示为块元素,高度为零,两侧不允许有漂浮元素,可见度属性(visibility)为隐藏 (注:可见度 visibility 隐藏属性和 display 隐藏属性有占位区别,visibility 隐藏属性占据空间位置而 display 隐藏属性不占据空间位置);
- .clearfix 和 .container 设定显示样式为行内块(IE 不完全支持此属性,目前只是用这个来让 IE 获得 hasLayout );
- * html .clearfix 和 * html .container 设定在“通配符下的 html 下的.clearfix 和 .container 两个样式”属性高度为 1% (高度为 1% 作用和 zoom:1 的作用是一样的,IE 在 inline-block 加上 1% 或 zoom:1 获得类似 table-cell 的属性,只 IE6 以下识别);
- .clearfix 和 .container 设定显示样式为块模式(覆盖前面指定的行内块模式为块模式,但 IE 不会让 hasLayout 消失,目的由此达到);
- .clear 设定为两侧不允许有漂浮元素。
清除浮动的这三个类中的前两个比较复杂,除了清除浮动外还有一些其他的能力,基本上这几个样式的内容和先后顺序和代码层级设定完后就能在所有的浏览器下清除浮动了(如果某个浏览器不支持的话,那么估计也很难支持这个框架中的大部分 CSS 属性,那么这个框架对这个浏览器来说也没太大的意义了),具体研究起来就太深了,我是搞不定,不过对我们用的人来说,只要知道你需要清除浮动的时候就用这两个类就可以了。顾名思义,.clearfix 类一般用在你不介意多加一个或者某些情况下你只能多加一个 div 或其他的 html 标签元素而本身内部不包含内容的元素身上来清除浮动,.container 类用在你的一个本身内部包含内容的元素身上来清除浮动。.clear 这个类嘛,没啥可说的了,就是不允许两侧有浮动元素。
表单元素部分:
这部分其实没有太多需要仔细研究的,大部分指定的是表单元素的一些字体、字号、字色和元素的边框、边距、宽、高等。这些就不详说了,说说可以稍微需要知道一下的。
- 给定了元素的获得焦点的样式(一象浅黑边),可惜 IE 不支持,所以这个作用不是那么大,毕竟 IE 现在还是占据市场份额的巨头;
- 给定了三个类,可以用来标识有特殊意义的块区:.error, .notice, .success ,都具有不同的背景色和边框色;
- .error 顾名思义标识“错误”
- .notice 顾名思义标识“提示”
- .success 顾名思义标识“成功”
呼呼,历时十八天,终于将这个概述写完了,就可以再开一篇文章写写学习和使用中的其他方面了。这个东西虽然是个简单的东西,不过仔细研究起来还是挺有意思的,而且能开阔思路、巩固知识。
Projectseven.com 网站今日又有小调整
Projectseven.com 网站今日又有小调整。P7 的网站每一次的改动都让我心动不已,上次只是把三栏的最右栏换到了左面,就让我研究了好半天。为什么要从右面移动到左面,他们应该是经过一些分析得出结果在他们网站的那种情况下,右侧的导航起的作用不如左侧,所以进行了调整。因为他们也是专业做网站的,不会平白无辜的做调整如果没意义的话,不会心血来潮或者某个人脑子一热想怎么样一下了之类的。
这次改动也不大,只不过是把三列改为了四列,页面顶部设计并无改动。也有可能我这个是一种盲目的崇拜,所以导致我觉得他们的改动实在是好。就简简单单的四列,黑色的边框,没有其他过多的东西就能出来这样的效果。一个“New Rlease”的小图标就是点睛之做,定位在框框架架之外,所有的效果一下就出来了,而且对用户来说马上能抓住这个点,而这个点就是他们网站最想让用户知道的一点。这种设计才是我要学习的地方。
WinRAR 无法打开文件名是乱码的压缩文件
发现 WinRar 的一个小问题,WinRAR 无法打开文件名是乱码的压缩文件。
用 Opera 浏览器从 Discuz! 论坛下载的中文文件名的附件,保存的时候文件名都是乱码,如果你不改,就按那个名字保存的话,那么 WinRAR 无法打开这个文件,需要改名才可以。
或者出现的情况是如果你这个乱码文件名的压缩文件和其他的压缩文件在一起,那么,你双击这个乱码文件名的压缩文件,WinRAR 打开这个压缩文件的时候,打开的却是其他可以读取的文件而不是你双击的这个文件。
WinRar 3.20 版本,不知道其他版本有没有这个问题。
博客整顿 正式开放
这个博客做了很长时间了,可是一直都是没意义的流水帐。
我要好好生活,好好生活就是做有意义的事,做有意义的事就是好好生活。
今天把博客的界面换一个公众点的,界面会持续的一点一点的改动到让我更合适使用,前面的那个太个人了,作为公开的博客不合适,虽然这个没有个性,可是这个年代是内容为王的年代,只要内容够好,其他的不是问题的关键。以前的那些不相关的文章全部都删除,记录那些对我的人生也是一种包袱,让自己一直驮着他们,索性全部删除,让自己也忘记了他们,轻装上阵。
以后写博客都要写实际的有用的。评论系统开放,大家以后可以直接在这里留言评论。





