百度空间css教程 如何修改CSS文件.docVIP

百度空间css教程 如何修改CSS文件 百度空间css教程如何修改CSS文件2010年10月24日星期日17：42如何修改CSS文件： 登录后进入设置-模板设置-自定义模板，这时就会跳出一个窗口，出现可编辑的CSS代码文件。但是，这并不是你自己当前使用的模板的代码，而是一个百度默认模板的代码，这个是无法选择的，百度目前只能提供这一种模板供编辑。 如果你想在某个比较喜欢的模板的基础上进行编辑，就需要先把这个模板的CSS代码复制出来，然后把自定义模板里出现的那个代码完全替换掉，接下来就可以对想修改的部分进行编辑啦。 在编辑CSS文件的窗口下方有四个选项：保存保存并应用取消预览，一定要搞清楚这几个选项的区别，在每次修改之后最好先点一下预览看看有没有错误，之后再保存，最好不要在编辑状态下直接点保存并应用，而是先保存，然后再次预览确定每个页面都没问题之后再选择应用此模板。 查看自己或别人CSS代码的方法： 打开你要看的那个空间，点右手键，菜单上会有一个选项查看源文件，点这个后会弹出一个记事本文件，在这个文件中查找CSS，直到出现这种格式的文字href=/msnib/css/item/ed14a f82b2b7dcb2.css(以MSNIB的空间为例)，然后COPY其中/css/item/ed14a f82b2b7dcb2.css这一段放到地址栏里空间网址的后边，即，然后敲回车，这时就会弹出来一个记事本文件，这里就是你要看的CSS代码文件。通常用这种方法看到的文字都是不分行的，比较混乱，这时可以把它COPY到WORD文档里，看起来就会比较有条理啦。 注：可以通过这种方法学习一些代码的设置方式，或者挖到一些喜欢的资源，但最好不要全盘复制别人的劳动成果，自己动手设置出独一无二的模板才更有乐趣啊~ CSS内容及几个主要部分的设置方式 空间背景颜色/鼠标设置区域 如果要设置特殊风格的鼠标，需要在代码文件的第一行加上： a：hover{cursor：url({cursor：url(第一行括号内的链接是点到链接时的鼠标状态，第二行括号内的链接是正常的鼠标状态，第二行后边的background-color后边的颜色代码是指整个空间的背景颜色。六位颜色代码可以在这里找到。 如果不需要设置特殊鼠标，那么这一部分只保留body{background-color：#颜色代码}就可以了。 空间名称/标题图片设置区域 #header{height：300px；background：url(…)} 这是空间标题栏的主体部分，{}内的文字解释如下： height指标题栏的高度，这个要与你放在标题栏的图片高度相同；后边的括号内是你要做标题的图片的链接，宽度为1024px的图片比较合适，图片高度可以根据自己的喜好决定。 #header div.lc{} #header div.rc{} 如果想在标题的左右两边放置不同的图片，就在第一行的{}内加上左边的图片链接，格式为{background：url(…)no-repeat left}。第二行的{}内加上右边图片的链接，格式为{background：url(…)no-repeat right}。否则{}内留空就可以。 #header div.tit{top：30px；left：20px；line-height：22px；font-size：30px；font-family：隶书} 这里要设置的是空间名称的位置(top后边的数字是文字离空间标题栏上边界的距离，left后边的数字是离左边界的距离)；大小(font-size后边的数字)；字体(font-family后边的文字)。 #header div.tit a.titlink{color：#.；text-decoration：none} #header div.tit a.titlink：visited{color：#.；text-decoration：none} 这两行应该是设置空间名称文字的颜色，但是我搞不清楚2行有什么区别，所以索性都设成一样的好了。如果想要把文字设成设成黑体或下划线，就把text-decoration：后边的none相应地改成bold或underline。 #header div.desc{top：60px；left：20px；color：#.；font-size：13px} 这行是设置空间简介(空间名称下边那行小标题)的位置、大小和字体的，设置方法同空间名称的设置。 #tabline{top：415px；background-color：#.} 这个是指TAB菜单栏(主页/博客/相册/好友/设置那一行)下边的分隔线的位置和颜色，top后边的数字是指分割线离空间标题栏上边界的距离，这个数字要根据标题栏的高度和菜单的位置(是与图片重叠或位于图片下方)来