1
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
北方博客制作方法~自己整理！已经END啦！~！~！累哦
本人自己前几日从北方博客专区搜罗来的北方博客制作方法~！基本知识~仅供参考！送蓝色忧郁！
也算是我送1068所有人员的情人节礼物 郑重声明：这里全部内容均转自北方博客！阅读时~请与北方博客联系着看，在此特别感谢北方博客的joehowe七七提供所有资料！ 大家在激活博客的时候~首先要看：北方网社区博客用户（注册）服务协议 ： 点击察看 注册论坛的时候最好可以去北方编读看一看： 点击察看 本人所有资料全来源于北方博客论坛，请大家结合他来做出自己的博客： 点击察看 北方博客----你的个人门户： 点击察看 在此再说明一下：105楼的模板有问题~大家想下载的话请与七七联系或与本人QQ联系。 还有~在以下的所有代码里！本人均没有发表任何表情！是北方论坛自己识别了代码的符号！请大家自己变回来！例如： |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
10大知名博客网站大比拼
10大知名博客网站大比拼
(2006-01-06 17:58:14) 转自《电脑报》 现在，为个人免费提供博客服务的网站很多，成为博客已经不是一件很难的事情，但要成为一名优秀的博客，除了自身需要具备较高的综合素质以外，寻找一个好的博客网站也十分重要，优秀的博客网站可以为你提供更具吸引力的博客界面、更多更好的特色服务、更快更稳定的运行速度等，它们的目标是让每个人都可以轻松成为一名优秀的博客。 然而当你面对如此多的博客网站时，是不是感到无从下手，不知道哪种博客网站才是最适合你的？如果你正在为此而烦恼，那么下面对当前十大知名博客网站的详细分析，一定会为你开启一扇理想的博客之门。 形象大展示 博客网 网址： http://www.bokee.com/ 注册人数：740万（包括博客动力） 博客网的前身是博客中国，它成立于2002年8月，是国内最早成立的博客专业网站之一。为了适应时代发展的需要，开始逐步向时政、社会、经济、生活等多个领域拓展。主页内容十分丰富，是一个优秀的综合性博客网站。 中国博客网 网址： http://www.blogcn.com/ 注册人数：400万以上 中国博客网是国内著名的专业博客网站之一，网站建成开通于2002年11月。它拥有强大的中文博客系统，集互动、文化、娱乐及休闲为一体，为广大的博客们提供了一个功能强大的博客平台。 博客动力 网址： http://www.blogdriver.com/ 注册人数：740万（包括博客网） 博客动力创始于2003年8月，2005年1月，博客中国创始人方兴东在“2005年博客发展趋势研讨会”上宣布全面并购博客动力。博客动力以用户为中心，致力于为用户建立全方位、多视角的个人门户网站，其口号是“激发创造力，为你的思想加油”。 天涯博客 网址： http://www.tianyablog.com/ 注册人数：100万 天涯博客是天涯社区于2004年1月推出的一个博客服务，它具有简洁朴素、易学易用、管理方便的特点，是国内极具影响力的博客网站之一。 DoNews 网址： http://www.donews.com/ 注册人数：16万以上 DoNews是一个成立比较早的专业博客网站，它是一个汇聚众多编辑、记者、自由撰稿人以及IT从业人员的平台，是一个舆论中心，具有自由、公允、宽容、参与等特点。 MSN Spaces 网址： http://spaces.msn.com/?mkt=zh-cn 注册人数：500万（全球） 2005年1月正式推出，是最近比较热门的博客网站之一。用户只须通过简单的设置就可以得到个性化的空间。 网易部落 网址： http://bulo.163.com/ 注册人数：439万以上 网易部落是网易公司新推出的一个博客服务项目，它通过部落这种形式把论坛之间、论坛和新闻内容之间、网易用户之间打通，使得网站的整体互动性得以提高，它功能强大，新概念很多，用户需要认真学习才能完全理解并掌握。 新浪博客 网址： http://blog.sina.com.cn/main/ 注册人数：100万以上 新浪博客是新浪网最新推出的一个博客服务，凭借新浪网强大的平台优势，它逐渐成为国内比较有影响力的博客门户之一。 和讯博客 网址： http://home.hexun.com/ 注册人数：600万以上 和讯博客是由和讯网提供的免费的博客托管服务，能够提供比较稳定的技术支持，是国内知名度较高的专业博客网站之一。它功能强大，具有完善的Web 2.0应用（博客、图片、网摘、RSS），以及便捷的交流功能，它的目标是建立一个综合性的博客社区。 Qzone 网址： http://q-zone.qq.com/web/ 注册人数：1000万以上 Qzone是腾讯公司推出的一个博客空间，它是一个属于自己的个性空间，是一种为新新人类提供的全新的网络生活方式。 易用性大比拼 易用性是评价一个博客网站是否优秀的重要标准，它所包含的内容很多，如开通和登录Blog的过程、编辑、管理、稳定性等。易用性好的博客系统可以为用户带来更多的方便，更容易聚集优秀的博客人才，人们更乐于接受和使用它。而易用性差的博客系统将会增加你成为博客的难度，花费你更多的时间和精力，最终会让你丧失做博客的兴趣。 对于这十大博客网站的易用性，我们分别从博客的开通和登录、编辑、管理、稳定性四个重要方面来进行评测和打分（评测结果见表1）。 在博客的开通和登录方面，博客网和和讯博客的操作最为简单。而中国博客网和Qzone在所有博客网站中的操作最为复杂，需要有一定的耐心和技巧。其他六个博客网站的表现还算中规中矩。值得一提的就是对于已经拥有.NET 在编辑和发布方面，十个博客网站的表现都很出色，发表文章的界面都相当简洁，都具备一般Blog系统所需要的必备功能。其中博客网、中国博客网和和讯博客整体来说要比其他博客网站更具专业性，所以略胜一筹。而天涯博客的不足之处就是用户在发布日志的时候，需要填写验证码，这样的操作对于普通用户来说，并没有实际意义。 在管理方面，博客网、中国博客网、博客动力和DoNews具有十分人性化的管理功能，管理标签排列整齐，一目了然，即使是新用户，也很容易上手。其他网站的博客管理服务，虽然没有太突出的表现，但基本上都可以接受。不过，网易部落中很多新的概念让大家比较头疼，它有自己的一套使用规则，使用起来相对复杂一些，普通用户需要一定的时间才能掌握。 在稳定性方面，新浪博客借助新浪服务器的强大功能，取得了领先优势，发布速度快、反应迅速，很少有发布失败的情况出现。与其形成鲜明对比的就是MSN Spaces，系统稳定性一直得不到提高，运行速度慢是它的一大“特点”。而其他博客系统的运行速度虽然不是很快，但基本上还可以接受。 界面大比拼 精美的博客界面能给到访者留下深刻的印象，它与你的访客有着直接联系，它的重要性不言而喻，所以它是一个博客是否优秀的重要评判标准。通常要得到一个个性化的博客界面，你可以通过博客系统自带的模板，使用博客系统提供的页面布局功能或HTML代码编辑功能来实现。这些功能，如果博客系统全部提供，那么你可以轻松拥有十分丰富的博客界面。如果没有，那么博客的精彩程度可能会大打折扣。参加此次评测的十大博客网站在此方面的表现究竟如何呢？下面就分别从系统自带模板丰富程度、设计自由度、HTML支持三方面来进行评测和打分（评测结果见表2）。 在系统自带的界面模板中，中国博客网和MSN Spaces占据了绝对优势。这是因为中国博客网为博客提供了84种页面模板。在MSN Spaces自定义空间中，它为用户提供了81个博客界面主题，遥遥领先于其他的博客系统。这就表明你不用使用其他方法，就可以轻松得到众多精美的博客界面。 新浪博客提供的界面模板最少，但是你不用担心，因为它的界面组合功能十分强大。其他博客系统，都提供了十几种到三十几种界面模板，基本上可以满足不同用户的需要。 设计自由度和HTML支持功能可以让不满足于系统自带模板的用户自由发挥，弥补界面模板的不足，自由发挥自己的创意，打造自己的个性化博客界面。在设计自由度方面，网易部落和Qzone的表现最为出色，它们拥有强大的页面布局功能，可以打造出令人眼花缭乱的界面效果，这是其他博客系统所无法比拟的。而在HTML支持方面，中国博客网等虽然都支持，但它的使用有一定的前提条件，那就是你必须具备一定的HTML语言基础，否则很难发挥它的功效。 总体来说，以上所介绍的博客网站都为用户提供了精美的界面，特别是中国博客网和MSN Spaces，使用起来也十分方便。而其他博客网站所提供的博客界面种类虽然不是很多，但基本上也可满足一般用户的需求。 博客网，37种博客模板，可以满足不同口味的用户需要。 中国博客网，84种页面模板，模板代码编辑功能让熟悉代码的博客可以尽情发挥。 博客动力，界面模板共有29种，还有5种页面结构组织模板可供使用。 天涯博客，19种页面模板，还可通过HTML编辑器，根据自己的创意自由发挥。 DoNews，29种博客界面，还允许自行添加样式表，支持HTML、iframe、Script等代码。 MSN Spaces，81个博客界面主题和6种版式安排，还可手动拖曳进行调整。 网易部落，8种固定的博客界面样式、39种Flash动画样式和多种页面布局。 新浪博客，界面模板较少，为用户提供了自定义图片背景的功能。 和讯博客，22个页面模板，可以使用HTML语言。 Qzone，9种界面模板，可用Q币装扮自己的Qzone空间。 功能、服务大比拼 对于每一个博客来说，博客系统的功能和服务是最为重要的，如基本功能的完备性、博客空间大小、上传文件的限制、RSS功能等。它们是博客生存的基本条件，所以优秀的博客网站通常都非常注重这些方面的拓展。下面就从基本功能、特色服务、相册容量、单个上传文件最大体积四个方面对这十大博客网站进行评测和打分（综合实力共计10分）。评测结果见表3。 以上十大博客网站都提供了Blog系统完备的功能，在特色服务方面和讯博客、网易部落占据了一定的优势，它们都提供了邀友、圈子等功能，更方便用户间的交流，符合Web 2.0发展的潮流，而MSN Spaces、Qzone分别与MSN Messenger和QQ的完美整合也很有新意。相册功能方面，博客网、博客动力、和讯博客、MSN Spaces和Qzone较为出色，它们的相册容量大且支持上传较大的单个图片文件。 总结 博客网作为一个中国博客的先驱，从各个方面来看，依然拥有一定的优势，是博客的首选。MSN Spaces、网易部落、新浪博客和Qzone虽然是后起之秀，但凭借它们各自的背景、经历，也有相当高的人气，其实力不容小视。而其他如中国博客网、天涯博客、DoNews等凭借自身的实力和专业的博客服务，都取得了不俗的成绩，而且它们仍在继续努力，相信它们的明天会更加灿烂。 那么，大家该如何选择属于自己的博客空间呢？如果你想和自己的伴侣共同经营一个博客空间，书写生活的甜蜜，那么中国博客网是一个不错的选择，它的情侣博客、团队博客都可以很好地为你提供专业服务。如果你只希望能有一块自己的空间，来记录自己的心情，并不追求其他的回报，那么天涯博客、和讯博客都是不错的选择，它们所具有的功能完全可以满足你的要求。由于DoNews在IT业界的影响力非凡，如果你是一个IT人士，那么DoNews非常适合你。对于已经拥有新浪会员账号、MSN Messenger、网易通行证的朋友来说，如果也想过一把博客瘾，那么只需通过简单的注册，就会拥有新浪博客、MSN Spaces、网易部落。QQ所推出的Qzone具有强大的相册功能以及“装饰”功能，对于追求时尚的新新人类来说极为诱人。 在当今的博客时代，你怎能没有自己的博客？心动不如行动，赶紧动手建立属于你的博客吧。 |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
140个FLASH时钟...,
可以直接调用，有兴趣的博客们不妨去看看。具体的操作方法如下：
1、调用地址：http://www.8gem.com/hotlion/clock*.swf，其中*以数字1至140代替。 2、决定使用哪一款之后，看看页面的地址栏，把文件地址复制下来。 3、在页面中的适当位置加入如下代码： <OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 height=高度 width=宽度 classid=clsid 27CDB6E-AE6D-11cf-96B8-444553540000> < < < < < < < < < </OBJECT> 其中，代码中的“高度”、“宽度”和“调用的FLASH文件地址”需要根据实际情况修改，而参数“wmode”是设定该flash文件是否透明显示，以上代码设定为“透明”，这个一般不需要修改；“menu”参数则是设定右键点击flash文件时，是否显示设置菜单，“0”为不显示，其他值为显示。 这是别人那里转载过来的....很适用...好东西大家分享咯!!! |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
BLOG程序大搜集
ASP L-Blog: http://www.loveyuki.com 由Loveyuki自主开发的基于 ASP+Access 的小型单用户BLOG，目前似乎已经停止更新了，但是用户群相当大，而且是国内相当多的BLOG系统的鼻祖。 oblog: http://www.oioj.net 多用户Blog,目前占据ASP多用户BLOG的大部分市场，2.X商业版已经实行免费，很值得继续关注与期待的国内作品。 SLblog：http://SLblog.com 多用户Blog，刚发展起来的，更新很快，感觉像是oblog和missblog的结合体，同时首创了Blog系统无限级分类和用户栏目的无限级分类，多功能在现编辑器。但界面不是很美观，好在模板和程序分离，方便修改。 Misslog: http://www.misslog.com/blog 多用户blog,每个blog可以有多个用户参与创作与维护，团队功能很强大！ LBS: http://www.voidland.com/blog LBS早期基于L-Blog架构，自从LBS2推出以后，大部分属于自己的创作，模板很多，用户群也逐渐庞大。 Z-Blog: http://www.rainbowsoft.org/zblog/ 今年发展相当快的Blog系统，官方提供了想当丰富的支持，也创造了比较好的交流环境，这是他的一大亮点。 PJBlog: http://www.pjhome.net/ 基于ASP的单用户BLOG系统，由于其插件异常丰富，可扩展的功能很多，比较适合喜欢功能饱满的朋友。 Alpar's Blog: http://blog.fz0132.com 基于L-Blog架构，但是作了相当大程度的修改，全面兼容LBS^2 的Style，目前版本模板采用DIV+CSS，很值得期待后续发展。 nblog: http://blog.nowans.com/ 一个基于Access的个人Blog程序，全生成静态页面，刚开始起步。 blogx： http://www.blanksoft.com/blogx/ d2kblog: http://www.d2ksoft.com/ 国外一个BLOG系统，支持多国语言页面内容和页面样式分离。 KeeBlogSystem: http://keesky.com/blog/ XUL后台管理，很有特点的一个BLOG系统。 ASP.NET .Text: http://scottwater.com/Dottext/default.aspx 很有名的ASP的blog系统，官方暂无静态化（对每页生成静态的html页面）版本，国内donews使用该软件。 BlogX: http://www.simplegeek.com/CategoryView.aspx/BlogX 程序是英国人编写的,国内 BLANKSOFT.COM 进行了汉化和修改。 dasBlog: http://www.dasblog.net 功能比较齐全，对FireFox的支持不怎么好。 PHP Okphp BLOG: http://cn.okphp.com/ 基于PHP+MYSQL开发的多用户BLOG系统，部分代码ZEND，主要特点能够很好地和许多论坛程序无缝兼容。 BlogHoster: http://www.webligo.com 国外的一个多用户商业BLOG系统，基于PHP+MYSQL，简洁明快的风格。 exBlog: http://www.exblog.net/ 基于PHP/MySQL平台开发，注重稳定效率和兼容性，使用了 Pixelpost 国外的由图片系统和博客系统融合来的新型博客，已经由落伍的 星 完成汉化。 bMachine： http://boastology.com 国外老牌BLOG系统，同时支持文本数据库和MySQL数据库，支持中文搜索。 7log: http://www.7log.com 比较早的能够生成静态页面的BLOG系统，目前开发进度停滞。 O-blog: http://www.phpblog.cn/ 需在PHP+MYSQL环境下运行，主要特色对静态生成有很大的灵活度，作者风色默默无闻地开发也让人钦佩。 pigface blog: http://www.flashforweb.com/ 一个简单的BLOG,具备所有BLOG必须的功能，基于PHP＋MYSQL。 bo-blog: http://www.bo-blog.com/ 文本数据库，现在发展似乎遇到了瓶颈，发展不如年初那么火热，但是一样有很多追随者。 C-Blog: http://www.saysay.cn 由 Coolsky 自主开发的基于 SaBlog: http://www.4ngel.net/blog/angel/ 安全天使小组开发的一套BLOG系统，功能不断在完善，优点在于安全性很高。 Simple 国外一个轻便的blog系统，包含中文语言文件。 yo2blog: http://www.oneoo.com/ 一个简单小巧快捷的 blog 程序，使用假性目录结构生成类静态 HTML 页面链接。 sBLOG: http://www.sblog.cn/ 国外一款基于PHP+MySQL的BLOG系统，模板遵循W3C规范，并提供mod_rewrite功能支持。 b2： http://www.cafelog.com php blog的老祖宗，操作简单，容易上手，现在好像停止了开发。 b2evolution: http://www.b2evolution.net B2多用户版，有很多风格和插件。 wordpress： http://www.wordpress.org 架站比MT简单一点，功能也很全面，应该是支持blog的首选。它有最强的模版功能，已经开始有限范围内测试多用户的新版。 pivot： http://www.pivotlog.net PHP+XML，没有使用数据库，有中文语言包， nucleus： http://www.nucleuscms.org 这个也是比较老牌的程序了，有中文语言包！ M-logger： http://miracle.shakeme.net 文本储存数据。 drupal： http://www.drupal.org 功能强大，在多用户支持上尤为突出。它看起来更像一个内容发布系统（CMS）而不是一个纯blog软件，所以仅仅只想使用blog功能的朋友就用不着扛着这门炮了。 Pmschine： http://www.pmachine.com 这个估计是blog的元老了，不过现在已经商业化了，新版本名叫Expression Engine，在国内可以免费下载！ bBlog： http://dev.bblog.com/ 一个非常简洁好用的blog，汉化版： http://www.xptop.com/lei/ serendipity： http://www.s9y.org 功能很多，每个功能以模块方式安装，界面也很容易修改。 Plog http://www.plogworld.org/php blog里的最好作品了，真正的多用户，不过目前官方网站打不开，不知道是不是偶的网络问题，呵呵！ Plainslash： http://www.51zhao.com/plainslash/ 文本blog程序，作者很久没更新了，但现在blog的基本功能都有了。 CGI movable Type： http://www.movabletype.org 一个cgi程序的blog软件，应用最为广泛，大陆不算十分多，香港台湾的80%以上的独立blog站点都是通过它架设的。插件众多，基本需要的功能都能实现，它支持多用户blog。 Greymatter： http://www.noahgrey.com/greysoft/ 是一个类似 Movable Type 的Blog程序非常简单，也是生成静态文件。 HUS Reviv： http://supermanc.51.net/norman/blog.cgi 国人开发的，功能很强大，但由于cgi语言的问题，安装调试比较复杂，而且很占资源。 Blosxom： http://www.blosxom.com 很老的一个程序了，也可能是世界上最小的blog系统了，只有一个文件却实现了blog的大部分功能！ JSP Roller：http://www.rollerweblogger.org/page/project 国外运用想当广泛的一套BLOG系统。 DLOG4J： http://dlog4j.sourceforge.net/ 国人开发的，已经申报SourceForge项目 中文官方站： http://www.javayou.com TM： http://www.terac.com 一个功能强大的blog，支持文件上传、RSS、评论、WYSIWYG 编辑器等功能，多种语言（含简体中文） |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
CSS的十八般技巧
CSS的十八般技巧
作者翻译：阿捷 原文作者：Roger Johansson 作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名 原文出处：www.456bereastreet.com 原文发表时间：2005年3月15日 最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。 本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望可以帮我补充。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。 三.区分大小写 当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。 class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。 四.取消class和id前的元素限定 当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如： div#content { /* declarations */ } fieldset.details { /* declarations */ } 可以写成 #content { /* declarations */ } .details { /* declarations */ } 这样可以节省一些字节。 五.默认值 通常padding的默认值为0，background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，象这样： * { margin:0; padding:0; } 六.不需要重复定义可继承的值 CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。但是要注意，浏览器可能用一些默认值覆盖你的定义。 七.最近优先原则 如果对同一个元素的定义有多种，以最接近(最小一级)的定义为最优先，例如有这么一段代码 Update: Lorem ipsum dolor set 在CSS文件中，你已经定义了元素p，又定义了一个class"update" p { margin:1em 0; font-size:1em; color:#333; } .update { font-weight:bold; color:#600; } 这两个定义中，class="update"将被使用，因为class比p更近。你可以查阅W3C的《 Calculating a selector’s specificity》 了解更多。 八.多重class定义 一个标签可以同时定义多个class。例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10 px的边框。 .one{width:200px;background:#666;} .two{border:10px solid #F00;} 在页面代码中，我们可以这样调用 <div class="one two"></div> 这样最终的显示效果是这个div既有#666的背景，也有10px的边框。是的，这样做是可以的，你可以尝试一下。 九.使用子选择器(descendant selectors) CSS初学者不知道使用子选择器是影响他们效率的原因之一。子选择器可以帮助你节约大量的class定义。我们来看下面这段代码： <div id="subnav"> <ul> <li class="subnavitem"> <a href="#" class="subnavitem">Item 1</a></li>> <li class="subnavitemselected"> <a href="#" class="subnavitemselected"> Item 1</a> </li> <li class="subnavitem"> <a href="#" class="subnavitem"> Item 1</a> </li> </ul> </div> 这段代码的CSS定义是： div#subnav ul { /* Some styling */ } div#subnav ul li.subnavitem { /* Some styling */ } div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ } div#subnav ul li.subnavitemselected { /* Some styling */ } div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ } 你可以用下面的方法替代上面的代码 <ul id="subnav"> <li> <a href="#"> Item 1</a> </li> <li class="sel"> <a href="#"> Item 1</a> </li> <li> <a href="#"> Item 1</a> </li> </ul> 样式定义是： #subnav { /* Some styling */ } #subnav li { /* Some styling */ } #subnav a { /* Some styling */ } #subnav .sel { /* Some styling */ } #subnav .sel a { /* Some styling */ } 用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。 十.不需要给背景图片路径加引号 为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如： background:url("images/***.gif" #333; 可以写为 background:url(images/***.gif) #333; 如果你加了引号，反而会引起一些浏览器的错误。 十一.组选择器(Group selectors) 当一些元素类型、class或者id都有共同的一些属性，你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。 例如：定义所有标题的字体、颜色和margin，你可以这样写： h1,h2,h3,h4,h5,h6 { font-family:"Lucida Grande",Lucida,Arial,Helvetica,sans-serif; color:#333; margin:1em 0; } 如果在使用时，有个别元素需要定义独立样式，你可以再加上新的定义，可以覆盖老的定义，例如： h1 { font-size:2em; } h2 { font-size:1.6em; } 十二.用正确的顺序指定链接的样式 当你用CSS来定义链接的多个状态样式时，要注意它们书写的顺序，正确的顺序是：:link :visited :hover :active。抽取第一个字母是"LVHA"，你可以记忆成"LoVe HAte"(喜欢讨厌)。为什么这么定义，可以参考Eric Meyer的《Link Specificity》。 如果你的用户需要用键盘来控制，需要知道当前链接的焦点，你还可以定义:focus属性。:focus属性的效果也取决与你书写的位置，如果你希望聚焦元素显示:hover效果，你就把:focus写在:hover前面；如果你希望聚焦效果替代:hover效果，你就把:focus放在:hover后面。 十三.清除浮动 一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。 通常的解决办法是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear: both。这个办法有一点牵强，幸运的是还有一个好办法可以解决，参看这篇文章《How To Clear Floats Without Structural Markup》。 上面2种方法可以很好解决浮动超出的问题，但是如果当你真的需要对层或者层里的对象进行clear的时候怎么办？一种简单的方法就是用overflow属性，这个方法最初的发表在《Simple Clearing of Floats》，又在《Clearance》和《Super simple clearing floats》中被广泛讨论。 上面那一种clear方法更适合你，要看具体的情况，这里不再展开论述。另外关于float的应用，一些优秀的文章已经说得很清楚，推荐你阅读：《Floatutorial》、《Containing Floats》和《Float Layouts》 十四.横向居中(centering) 这是一个简单的技巧，但是值得再说一遍，因为我看见太多的新手问题都是问这个：CSS如何横向居中？你需要定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样： 你可以这样定义使它横向居中： #wrap { width:760px; /* 修改为你的层的宽度 */ margin:0 auto; } 但是IE5/Win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性。就象这样： body { text-align:center; } #wrap { width:760px; /* 修改为你的层的宽度 */ margin:0 auto; text-align:left; } 第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-align:left;是将#warp中的文字居左。 十五.导入(Import)和隐藏CSS 因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如： @import url("main.css" ; 然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法： @import "main.css"; 这样就可以在IE4中也隐藏CSS了，呵呵，还节省了5个字节呢。想了解@import语法的详细说明，可以看这里《centricle’s css filter chart》 十六.针对IE的优化 有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太多的CSS技巧(hacks)，我只使用其中的两种方法，不管微软在即将发布的IE7 beta版里是否更好的支持CSS，这两种方法都是最安全的。 1.注释的方法 (a)在IE中隐藏一个CSS定义，你可以使用子选择器(child selector): html>body p { /* 定义内容 */ } (b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏) * html p { /* declarations */ } (c)还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用"反斜线"技巧： /* \*/ * html p { declarations } /* */ 2.条件注释(conditional comments)的方法 另外一种方法，我认为比CSS Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义。就象这样： <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]--> 十七.调试技巧：层有多大？ 当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。 另外一个经常出问题的属性是outline。outline看起来象boeder，但不会影响元素的尺寸或者位置。只有少数浏览器支持outline属性，我所知道的只有Safari、OmniWeb、和Opera。 十八.CSS代码书写样式 在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯。在经过不断实践后，我决定采用下面这样的书写样式： selector1, selector2 { property:value; } 当使用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们。在最后一个选择器和大括号{之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。 我习惯在每个属性值后面都加分号，虽然规则上允许最后一个属性值后面可以不写分号，但是如果你要加新样式时容易忘记补上分号而产生错误，所以还是都加比较好。 最后，关闭的大括号}单独写一行。 空格和换行有助与阅读。 |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
北方博客增加neighborlink标签
标签格式：{neighborlink}
作用：显示上一篇日志和下一篇日志 作用范围：副模板 示例：http://baby.blog.enorth.com.cn/article/16392.shtml |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
北方网博客使用指南（入门）初级
本贴中将着重介绍怎样建立自己的博客，以及如何选择文章分类，如何在博客中加入文章、图片、音乐等最常用到的一些博客工具的使用。供初级研究博客的网友借鉴。 第一步激活自己的博客 在此声明的是，凡是通过正常途径申请了北方网社区用户ID的网友，都已有了自己相应的博客，在登陆博客首页时，无须重新注册用户，只需要激活自己的博客地址即可。 尚未注册过北方网社区用户的网友，需要先注册论坛用户后才有自己的博客。 激活方法： 打开博客页面http://blog.enorth.com.cn/ 在用户名中填写您在北方论坛注册用户名以及密码。 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
点击“激活博客”
附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
域名请用英文或者数字
站点名称可选用中文名称 选择下面提供的用户设置选项（也可以在注册后在用户管理中自行修改） 填写简要描述 点击确定 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
经过以上简单的几个步骤，您的博客既被激活可以使用了。
附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
工具栏选项用途
编辑帐号信息 域名 smallcat.blog.enorth.com.cn （为您的博客地址，直接在网址栏中输入则直接进入您的博客首页。） 站点名称 （可修改项，为您想为自己博客起的名字。） 默认摘要字数 （显示您博客描述的摘要，系统默认为４００个汉字） 首页显示日志数 （可修改项，您博客显示的文章篇数。） 列表显示评论数 （你博客首页显示的每篇文章的评论数） 列表显示留言数 （每篇文章显示的留言数目） 显示日志顺序 最新的显示在最上面 最旧的显示在最上面 （三种显示文章列表风格选项，可选。） 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
“分类管理”工具用途
在这里可以为您的文章建立分类，比如情感类，像册类，日记类.......等等。分类名称由您自己决定。 首先在增加分类中，加入您想要的文章分类主题，比如，我们建立一个“我的日记”分类，要注意“显示序号”的说明，“范围0到9999，数值大的排在前面，默认值为100”（含义是，在您首页所显示的文章分类的顺序，您为分类所标注的序号越大，显示就越靠前） 在这里，我们把“我的日记”分类，标注序号为５３８ 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
用刚才的方法在增加一个“我的照片”分类
“我的照片”序号定为５４２ 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
点击确定后，既可看到生成的分类，且次序是按照我们刚刚为其定
的序号顺序显示的，数字大的在上方。 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
您可以在“我的分类”中随意删除编辑您自制的文章分类
附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
公告管理
在这里发布您的博客公告（注意尽量使用简单明了的语言，不要过长，否则失去公告的意义与效果。） 如： 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
做完这些前提工作后，您就可以回到博客中来发表自己的日志（文章）了。
怎样发布日志： 点击“发表日志”，进入文字编辑框。在这里发表您的文章内容，并选择博客所属于的系统分类，如果用户无选择，那么系统默认为分类为“其他”。 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
选择您的文章分类，也就是您刚才自己建立的分类。
附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
填写文章摘要，摘要显示于您博客的首页文章列表中。
您可以选择是否允许看过您博客内容的网友评论您的文章，您也可以对您的日志设置密码，其他用户只能通过您设置的密码才能看到您博客文章的内容。 文章的排列顺序，依据于您填写的置顶序号，序号越大文章在博客首页的排序越靠前。 如图： 附图:  |
|
|
删除
60.26.153.* |
||
|
枫之回忆
头衔:老会员 注册日期:2005-11-30 积分:23 发贴:5172 精华:2 空间 |
我们再发一个含有图片及音乐的日志
在博客右侧的工具栏里点击“上传附件”，然后直接上传您需要用到的附件。注意大小不要超过５００K。 如图： 附图:  |
|
|
删除
60.26.153.* |
||