) no-repeat 18px 0px}#header{ HEIGHT: 297pxmargin-left:223px}#header div.tit a.titlink{font-size:14pxcolor:#fffffftext-decoration:none}#header div.tit a.titlink:visited{font-size:14pxcolor:#fffffftext-decoration:none}#header div.desc{top:136pxleft:53pxcolor:#fffffffont-size:12px}#header div.tit{top:116pxleft:53px}#tab{top:248px}#tab a.on,#tab a.on:link,#tab a.on:visited{line-height:150%background-color:color:#fffffffont-size:13px}#tab span{color:#fffffffont-size:13pxline-height:120%display:none}#tab a:link{color:#fffffftext-decoration:nonefont-size:13pxvertical-align:topline-height:150%}#tab a:visited{color:#fffffftext-decoration:nonefont-size:13pxvertical-align:topline-height:150%}#tab2 span{color:#176A8Dfont-size:13pxfont-weight:bold}#tab2 a{font-size:12pxfont-weight:bold}#tab2 a:link{color:#330000}#tab2 a:visited{color:#330000}.stagepad {width:633pxmargin-left:44px }.stagepad a:link{text-decoration:nonefont-weight:bold}.stagepad a:visited{text-decoration:nonefont-weight:bold}#layout {width:926pxmargin-left:0pxbackground:url(http://hiphotos.baidu.com/coocoo/pic/item/3fc46159ddceae2a2934f0b7.jpg
) no-repeat bottom 8pxpadding-bottom:50px}#m_blog {padding-top:30px}.stage {background:url(http://hiphotos.baidu.com/coocoo/pic/item/3117d62a97ba5f2dd52af1b7.jpg
) repeat-y 8px 0px}#m_blog div.cnt a {text-decoration:nonecolor:#176A8D}#m_blog div.cnt a:visited {text-decoration:nonecolor:#176A8D}#m_blog div.cnt a:hover {border-bottom:1px #176A8D dashedcolor:#176A8D}#layout td.c2t3{padding-right:14pxwidth:234px}#layout td.c2t1{padding-left:55pxwidth:100%border-right:#930000 0px solid}#layout td.c2t2{width:22px}#mod_bloglist{}#comm_info{color:#176A8Dfont-family:Arialtext-align:centerpadding-top:19pxTEXT-INDENT:px}#comm_info div.line{margin-top:0pxborder-top:0px solid #5C85BB}#comm_info a{color:#176A8Dtext-decoration:none}#comm_info a:visited{color:#176A8Dtext-decoration:none}#page{height:30pxfont-size:12pxfont-family:Arialtext-align:center}#page span{padding:3pxcolor:#1a4a8afont-size:14pxfont-weight:bold}#page a.pc{color:#176A8Dfont-size:14pxfont-weight:bold}#page a.pc:visited{color:#176A8D}#page a.pi{padding:3pxcolor:#176A8Dfont-size:14px}#page a.pi:visited{color:#176A8D}.mod{margin-bottom:28px}.modhandle{cursor:move}.modth{height:0px}.modhead{padding:0px 4px 0 4pxpadding-top:0pxpadding-bottom:6pxbackground:url(http://hiphotos.baidu.com/iyaya/abpic/item/1dd54323b6c5d5529822edc0.jpg
" target="_blank" >http://hiphotos.baidu.com/iyaya/abpic/item/1dd54323b6c5d5529822edc0.jpg
) no-repeat 40px 0pxTEXT-INDENT: 0pxLINE-HEIGHT:17pxborder-bottom:#76B7D3 1px dashedtext-align:center}.modopt{padding:4px 4px 0 0}.modtit{color:#0E5990font-size:13pxfont-weight:bold}a.modtit{color:#176A8D}a.modtit:visited{color:#176A8D}.modtitlink{color:#0E5990font-size:12pxfont-weight:bold}a.modtitlink{color:#0E5990text-decoration:none}a.modtitlink:visited{color:#0E5990text-decoration:none}a.modtitlink:hover{color:#FF5100text-decoration:none}.modact{color:#176A8Dfont-size:12pxtext-align:center}a.modact:link{color:#176A8D}a.modact:visited{color:#176A8D}.modbox{padding:0px 0px 0 0px}.modtl{}.modtc{}.modtr{}.modbl{line-height:1px}.modbc{line-height:1px}.modbr{line-height:1px}#m_blog {padding-left:15pxpadding-right:15pxmargin-top:10px}#m_blog div.tit{padding-top:1pxqpadding-bottom:3pxcolor:#3A9BC5font-size:13pxfont-weight:boldtext-decoration:noneborder-bottom:1px dashed #3295BFborder-top:1px dashed #3295BFTEXT-INDENT: 119pxline-height:25pxbackground:#D6EEFA}#m_blog div.tit a{color:#3A9BC5font-size:13pxfont-weight:boldtext-decoration:none}#m_blog div.tit a:visited{color:#3A9BC5text-decoration:none}#m_blog div.date{font-size:13pxmargin:-23px 0 8px 0color:#3A9BC5TEXT-INDENT: 7pxfont-weight:bold}#m_blog div.cnt{color:#176A8Dline-height:20pxfont-size:13pxPADDING-RIGHT: 10pxPADDING-LEFT: 10pxPADDING-TOP: 10pxPADDING-bottom: 10px}#m_blog div.more{margin:14px 0 16px 0text-decoration:nonefont-weight:bold}#m_blog div.more a{color:#3A9BC5font-size:14pxtext-decoration:nonefont-weight:bold}#m_blog div.more a:visited{color:#3A9BC5text-decoration:nonefont-weight:bold}#m_blog div.opt{color:#176A8Dfont-size:12px}#m_blog div.opt a{color:#176A8Dfont-size:12pxtext-decoration:none}#m_blog div.opt a:visited{color:#176A8Dtext-decoration:none}#m_blog div.line{margin-top:17pxline-height:17px}#m_blog div.none{padding:100px 0 100px 0color:#1a4a8afont-size:14px}#m_pro {text-align:centerpadding-left:15pxpadding-right:10px}#m_pro a{color:#176A8Dfont-weight:boldtext-decoration:nonetext-align:center}#m_pro a:visited{color:#176A8Dfont-weight:boldtext-decoration:none}#m_pro div.image{text-align:centerborder-bottom:#76B7D3 1px solidpadding-top:10pxpadding-bottom:10px}#m_pro div.act{margin-top:10px}#m_pro div.user{color:#176A8Dfont-size:12pxfont-weight:bold}#m_pro div.desc{color:#176A8Dfont-size:12px}#m_pro div.line{margin-top:17pxline-height:17pxborder-top:1px solid #1A4A8A}#m_pro td{color:#176A8Dline-height:24pxfont-size:14px}#m_album div.image{text-align:centerpadding-top:30px}#m_album div.page{color:#176A8Dfont-size:12pxtext-align:center}#m_album div.page a{color:#330000font-size:12px}#m_album div.page a:visited{color:#330000}#m_links {padding-left:18pxpadding-right:18pxtext-align:centerborder-top:0px solid #76B7D3}#m_links div.item{color:#7EBBD7font-size:12pxLINE-HEIGHT: 21px}#m_links div.item a{color:#176A8Dfont-size:12pxtext-decoration:none}#m_links div.item a:visited{color:#176A8D}#m_links div.line{display:none}#m_artclg {border-top:0px solid #5C85BBpadding-top:5px}#m_artclg div.item{color:#176A8Dfont-size:12pxtext-align:centerpadding-left:0px}#m_artclg div.item a{color:#176A8Dfont-size:12pxtext-decoration:none}#m_artclg div.item a:visited{color:#176A8Dtext-decoration:none}#m_artclg div.line{margin-top:0pxline-height:5pxborder-top:0px solid #76B7D3}#m_comment {padding-top:10px}#m_comment div.item{color:#176A8Dfont-size:12pxpadding-left:10pxpadding-right:10pxborder-top:1px solid #76B7D3TEXT-INDENT: 0pxLINE-HEIGHT: 20pxmargin-left:7pxmargin-right:7pxpadding-top:5px}#m_comment div.item a{color:#176A8Dfont-size:12pxtext-decoration:nonefont-weight:boldpadding-left:60pxpadding-bottom:43pxbackground:url(http://hiphotos.baidu.com/iyaya/abpic/item/1dd54323b6c5d5529822edc0.jpg
" target="_blank" >http://hiphotos.baidu.com/iyaya/abpic/item/1dd54323b6c5d5529822edc0.jpg
) 32px -1px no-repeatline-height:21px}#m_comment div.item a:visited{color:#176A8Dtext-decoration:none}#m_comment div.item a.cnt{color:#176A8Dfont-size:12pxtext-decoration:nonefont-weight:normaltext-align:leftpadding-left:0pxbackground:url() top left no-repeat}#m_comment div.item a.cnt:visited{color:#176A8Dtext-decoration:nonefont-weight:normaltext-align:center}#m_comment div.item a.cnt:hover{color:#176A8Dtext-decoration:underlinetext-align:left}#m_comment div.line{display:none}#m_albumlist div.note{color:#176A8Dfont-size:14px}#m_albumlist div.desc{margin-bottom:12pxpadding:3px 10px 3px 10pxline-height:22pxbackground-color:#F2F2F2font-size:14px}#m_albumlist div.none{padding:100px 0 100px 0color:#176A8Dfont-size:14px}#m_albumlist div.line{margin-top:10pxline-height:16pxborder-top:1px solid #76B7D3}#m_albumlist div.tit{margin:6px 0 7px 0color:#176A8Dfont-size:14px}#m_albumlist div.tit a{color:#176A8Dfont-size:14px}#m_albumlist div.tit a:visited{color:#176A8D}#m_albumlist span.count{color:#176A8Dfont-size:12pxfont-weight:bold}#m_albumlist span.size{color:#999999font-size:12pxfont-family:Arial}#m_albumlist a.act{color:#176A8Dfont-size:12px}#m_albumlist a.act:visited{color:#176A8D}#m_albumlist a.page{color:#330000font-size:14px}#m_albumlist a.page:visited{color:#330000}#m_albumlist td.image{padding:5pxborder:1px solid #999999background:#0E5990}#m_friend div.filter{margin-bottom:10pxpadding-left:10pxpadding-top:10pxheight:27pxline-height:27px}#m_friend div.catalog{margin-bottom:10pxpadding-left:10pxheight:27pxline-height:27pxbackground-color:#F2F2F2font-size:14px}#m_friend div.user{margin-top:4pxcolor:#176A8Dfont-size:12px}#m_friend div.user a{color:#176A8Dfont-size:12px}#m_friend div.user a:visited{color:#176A8D}#m_friend div.line{margin-top:10pxline-height:16pxborder-top:1px solid #76B7D3}#m_setting a{color:#176A8D}#m_setting a:visited{color:#176A8D}#m_setting{line-height:22pxcolor:#176A8Dfont-size:14px}#m_setting img.sel{border:4px solid #FFDB7B}#m_setting img.unsel{border:1px solid #D2D2D2}#m_setting span.tit{font-size:14px}#m_setting span.usr{color:#176A8D}#m_setting div.sel{padding-top:6pxfont-size:14pxfont-weight:bold}#m_setting div.line{margin-top:20pxline-height:16pxborder-top:1px solid #76B7D3}#m_sysinfo a{color:#176A8D}#m_sysinfo a:visited{color:#176A8D}#m_sysinfo{line-height:22pxcolor:#176A8Dfont-size:14px}#m_sysinfo span.new{color:#FF0000font-size:10pxfont-family:Arial}#m_sysinfo span.date{color:#176A8Dfont-size:14px}#m_setbase{color:#176A8Dfont-size:14px}#m_setbase td{color:#176A8Dfont-size:14px}#m_setbase div.line{margin-top:5pxline-height:8pxborder-top:1px solid #76B7D3}{all rights reserved,http://www.yaaa.com.cn,http://hi.baidu.com/yaaa}#in_comment div.tit{margin-bottom:12pxcolor:#176A8Dfont-size:14pxfont-weight:bold}#in_comment div.user{margin-bottom:6pxcolor:#176A8Dfont-size:12px}#in_comment div.user a{color:#176A8Dfont-size:12px}#in_comment div.user a:visited{color:#176A8D}#in_comment div.user span.date{color:#176A8Dfont-size:12px}#in_comment div.desc{color:#176A8Dfont-size:12px}#in_comment div.line{margin-top:17pxline-height:17pxborder-top:1px solid #76B7D3}#in_send div.tit{margin:10px 0 10px 0color:#176A8Dfont-size:14pxfont-weight:bold}
## 有些资料分散在多个html文件中，要查找某些资料如某个语句的用法，要打开多个文件，一个一个找，很不方便，能否适当合并。 现在硬盘、内存都在不断加大，文件适当合并，便于查找、管理，可能是一种趋势。 批量txt 文件合并比较好解决。我以前是在MS-DOS下，用copy命令合并。 最近我用WordXP的插入功能，把50个txt文件合并成一个。速度很快。感觉比用copy命令方便得多。 但批量html文件如何合并，合并以后，所有链接都还要能用。 问：批量html文件如何合并？ 答： 批量html文件的合并，除了要解决合并本身的问题以外，最主要的是要解决改变链接的问题。 由文件之间的链接，改为文件内部链接。也就是由"文际链接"改为"文内链接"。 现在以编制网页常用的工具"CSS手册"为例。 实现步骤： 1.把待合并得文件拷到一个临时目录中。 假定是： c:\temp1 有 c1.htm、c2.htm...c11.htm 共11个文件。 2.用WordXP的插入功能进行合并。 启动WordXP。插入->文件->txt文件->找到c:\temp1目录后， 选中c1.htm、c2.htm...c9.htm,最后把 c10.htm、c11.htm插入。 文件类型可以选 "Web 页(*.htm,*.html)"。 3.保存文件时，选用“筛选过的Web 页(*.htm,*.html)”,不要选用“Web 页(*.htm,*.html)”，那样保存下来的有XML格式语句。除非你就是想要XML格式。文件大小 174 KB. 4.如果用Emeditor编辑器的" 文件->插入 "功能，可以不改变默认方式。也不会增加额外字符，文件大小为 91 KB, 只有上述的一半。每次只能插入一个文件，但后期修改工作量较小。 5.建立新的链接。 由文件之间的链接，改为文件内部链接：(推荐用Emeditor，可以不产生附加字符。) （1）在每一个原文件前面加上链接名。如： 第一个原文件前面加上： <a name="c1.htm">c1.htm</a>第二个原文件前面加上： <a name="c2.htm">c2.htm</a>...... 由于可以利用Emeditor的查找和复制功能，实际上是可以做快的。 (2) 在每一个原有链接到另一文件的链接语句，修改为文件内的链接。如： 第一个原文件的链接： <a href="c1.htm"></a>改为：<a href="#c1.htm"></a>第二个原文件的链接： <a href="c2.htm"></a>改为：<a href="#c2.htm"></a>...... 改好以后,保存。 7.用浏览器试用。如果显示速度慢，应找出原因，加以解决。 8.应用实例：解决网页文体中文字左边太靠边的问题。 我的网页文体中，文字左边太靠边。想了一些办法，都没有解决。如：修改BODY、TABLE、TD等的margin设置, 都不行。但在这个"CSS手册简编"文件css.htm里,用查找命令找"margin",很快就查到有下面一句： H1 { margin-top: 2em } 我参照他的用法，把 style.css 中的语句改为： H5 { margin-left: 1em } 解决了困扰多时的问题。 9. HTML4标准语法、DHTML动态网页简明教程也可以用同样方法简编 10. 上述方法，能否应用到其他方面？ 在资料性的文件中，上述方法完全可以发挥更大的作用，在其他方面，也有潜力。 详见: CSS手册简编下载394 KB 《DHTML动态网页简明教程》、《CSS手册》 阿捷/ 编 河石/ 简编 2002.12.20 相关链接： 《从子文件夹切换到DOS的简捷方法？》《怎样在HTML中加入计数器？(2)》CSS释义<一>
CSS(Cascading Style Sheets)，即层叠样式表，与HTML超文本标记语言配合以定义网页表现的样式语言。
历史
当初一帮技术人员想出HTML，主要侧重于定义内容，比如<p>表示一个段落，<h1>表示标题，而并没有过多设计HTML的排版和界面效果。
随着Internet的迅猛发展，HTML被广泛应用，上网的人们当然希望网页做得漂亮些，因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题，人们也走了不少弯路，用了一些不好的方法，比如给HTML增加很多的属性结果将代码变得很臃肿，将文本变成图片，过多利用Table来排版，用空白的图片表示白色的空间等。直到CSS出现。
CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。
CSS与网页的链接方法
内嵌样式(Inline Style)
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)
内嵌样式(Inline Style)
Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。
<P style="font-size:20ptcolor:red">这个Style定义<p></p>里面的文字是20pt字体，字体颜色是红色。</p>
显示示例
内部样式表(Internal Style Sheet)
内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。
<HTML>
<HEAD>
<STYLE type="text/css">
H1.mylayout {border-width:1border:solidtext-align:centercolor:red}
</STYLE>
</HEAD>
<BODY>
<H1 class="mylayout">这个标题使用了Style。</H1>
<H1>这个标题没有使用Style。</H1>
</BODY>
</HTML>
显示示例
内部样式表(Internal Sytle Sheet)要用到Style这个Tag，写法如下：
<STYLE type="text/css">
......
</STYLE>
外部样式表(External Style Sheet)
如果很多网页需要用到同样的样式(Styles)，用什么方法呢？
将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。
比如可以用文本编辑器(NotePad)建立一个叫home的文件，文件后缀不要用.txt，改成.css。文件内容如下：
H1.mylayout {border-width: 1border: solidtext-align: centercolor:red}
然后你建立一个网页，代码如下：
<HTML>
<HEAD>
<link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<H1 class="mylayout">这个标题使用了Style。</H1>
<H1>这个标题没有使用Style。</H1>
</BODY>
</HTML>
显示示例
使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：
样式代码可以复用。一个外部CSS文件，可以被很多网页共用。
便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。
提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个CSS文件，这个CSS文件多半已经在缓存区(其它网页早已经引用过它)，网页显示的速度就比较快。
解决css文件过大的问题
如果页面内容过多，css文件会很大，同样会造成很多不便，那么我们该如何解决这个问题呢？我们可以对每个细节进行css设计，比如对于字体的设置我们可以存入font.css文件，对边界等的设定我们可以存入lay.css文件，对其他一些版式的规定可以存入other.css文件，然后我们建立一个main.css文件，然后在里边写入如下代码：
@import url(font.css)
@import url(lay.css)
@import url(other.css)
然后只需要在html文件里添上main.css的链接即可，这样子一方面减小了css文件的容量，另一方面似乎也更方便管理，特别是对大型网站。
串联(Cascading)
CSS第一个字母，是Cascading，意为串联。它是指不同来源的样式(Styles)可以合在一起，形成一种样式。
Cascading的顺序是：
浏览器缺省(browser default)(优先级最低)
外部样式表(Extenal Style Sheet)
内部样式表(Internal Style Sheet)
内嵌样式表(Inline Style)(优先级最高)
样式(Styles)的优先级依次是内嵌(inline), 内部(internal), 外部(external), 浏览器缺省(browser default)。假设内嵌(Inline)样式中有font-size:30pt, 而内部(Internal)样式中有font-size:12pt，那么内嵌(Inline)式样式就会覆盖内部(Internal)样式。
