Tech Note

3、利用CSS修饰其它元素 很多Web程序/设计人员都形成了这样一个良好的习惯，为他们的产品提供了CSS接口（也就是标签的id和class属性）。这就方便我们对其外观进行自定义，这里以Mybloglog的widget为例进行说明。 我们要想在自己的blog上显示哪些Mybloglog的用户访问了自己的页面，或者利用它跟踪链接，就需要插入Mybloglog提供的javascript代码，像这样的： <script type="text/javascript" src="http://pub.mybloglog.com/comm2.php?mblID=2007071601460924; c_width=180&amp; c_sn_opt=y&amp; c_rows=5&amp; c_img_size=f&amp; c_heading_text=Recent+Readers&amp; c_color_heading_bg=005A94&amp; c_color_heading=ffffff&amp; c_color_link_bg=E3E3E3&amp; c_color_link=005A94&amp; c_color_bottom_bg=005A94"> </script> 上面的代码已经支持部分自定义，如颜色和标题，但是如果你对下面的三行链接感到多余的话，就无能为力了；这时我们就需要通过CSS定义其是否显示。在javascript代码中找不到CSS接口，需要利用浏览器打开包含该代码的页面将脚本代码解释成纯html代码，然后通过查看该页面的源文件，找到这些内容所对应的代码，比如这里是： <table id="MBL_COMM"><tbody> 　　 //table的CSS接口 id="MBL_COMM" <tr><td colspan='2' class='mbl_h'>Recent Readers</td></tr> <tr id='tr1'> 　　　　　　　　　　

CSS，Cascading Style Sheets（层叠样式表单）的简称，顾名思义，是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化。下面就几个方面谈一谈如何Blog中应用CSS满足要求。 1、CSS与Blog布局 对于每一个Blog模板（不管是什么类型的Blog系统），仔细分析一下它的页面代码，你可能得到类似这样的几部分： 我们通常采用DIV元素来将这些结构定义出来 <div id="header"></div> 页眉部分（作为一个大的容器） <div id="siteinfo"></div> Blog信息（标志、名称、描述等） <div id="search"></div> 搜索框 <div id="navigation"></div> 导航条（或者主菜单） <div id="content"></div> 主页面部分（作为容器） <div id="posts"></div> Posts内容（title、正文、页脚等等） <div id="comments"></div> 评论部分 <div id="sidebar"></div> 侧边栏（作为容器，包含Widgets,功能件等） <div id="footer"></div> 页脚（版权，相关声明等） 要特别强调的是这些不是布局，只是结构；我们在进行web设计时要基于这样一种思想：HTML只负责内容、框架，而CSS负责修饰、布局；也就是说要尽量发挥CSS样式语言的优势（至于具体那些好处可以 参考这里 ）。 利用CSS对页面进行布局需要我们对block块元素（ HTML块级元素属性说明 ）的结构有所了解，清楚CSS属性的修改对应到块元素（如DIV标签）的哪些变化。对于初学者与其反复实验解决这类问题，还不如先花点时间了解其原理。这里我们需要理解的最重要的概念之一是所谓的CSS“盒状模型”，它是