很好用css教程

《很好用css教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、前一阵为了做班级空间学了一点css，好朋友想学一下，所以就把这个教程贴上来啦~希望能对想学css的同学们有所帮助~以下这篇教程当然不是我写的啦~我只是做了一点小小的改动~不过这可以说是我见过的对初学者来说最好用最浅显的教程了~其实百度也有官方的教程~不过那个太难了~对于我们平时修改空间或是简单的制作空间~这个就完全够用了~最后给大家提一个小建议~因为css都是英文~所以英文不是很好的人们最好打开金山词霸用鼠标取词~这样可以方便理解哦~~修改CSS文件：登录后进入设置－模板设置－自定义模板，这时就会跳出一个窗口，出现可编辑的CSS代码文件。但是，这并

2、不是你自己当前使用的模板的代码，而是一个百度默认模板的代码，这个是无法选择的，百度目前只能提供这一种模板供编辑。如果你想在某个比较喜欢的模板的基础上进行编辑，就需要先把这个模板的CSS代码复制出来，然后把“自定义模板”里出现的那个代码完全替换掉，接下来就可以对想修改的部分进行编辑啦。在编辑CSS文件的窗口下方有四个选项：“保存”“保存并应用”“取消”“预览”，一定要搞清楚这几个选项的区别，在每次修改之后最好先点一下“预览”看看有没有错误，之后再“保存”，最好不要在编辑状态下直接点“保存并应用”，而是先保存，然后再次预览确定每个页面都没问题之后再选择

3、“应用此模板”。查看自己或别人CSS代码的方法：打开你要看的那个空间，点右手键，菜单上会有一个选项“查看源文件”，点这个后会弹出一个记事本文件，在这个文件中查找“CSS”，直到出现这种格式的文字“href="/msnib/css/item/ed14a84473384f82b2b7dcb2.css">”（以MSNIB的空间为例），然后COPY其中“/css/item/ed14a84473384f82b2b7dcb2.css”这一段放到地址栏里空间网址的后边，即“http://hi.baidu.com/msnib/css/item/ed14a84473

4、384f82b2b7dcb2.css”，然后敲回车，这时就会弹出来一个记事本文件，这里就是你要看的CSS代码文件。通常用这种方法看到的文字都是不分行的，比较混乱，这时可以把它COPY到WORD文档里，看起来就会比较有条理啦。注：可以通过这种方法学习一些代码的设置方式，或者挖到一些喜欢的资源，但最好不要全盘复制别人的劳动成果，自己动手设置出独一无二的模板才更有乐趣啊～～～CSS内容及几个主要部分的设置方式空间背景颜色/鼠标设置区域如果要设置特殊风格的鼠标，需要在代码文件的第一行加上：a:hover{cursor:url('http://imgcach

5、e.qq.com/qzone/space_item/orig/11/187.ani')}body{cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/1547.ani')}{background-color:#FFFFFF}第一行括号内的链接是点到链接时的鼠标状态，第二行括号内的链接是正常的鼠标状态，第二行后边的background-color后边的颜色代码是指整个空间的背景颜色。六位颜色代码可以在这里找到。如果不需要设置特殊鼠标，那么这一部分只保留“body{background

6、-color:#颜色代码}”就可以了。空间名称/标题图片设置区域#header{height:300px;background:url(……)}这是空间标题栏的主体部分，{}内的文字解释如下：“height”指标题栏的高度，这个要与你放在标题栏的图片高度相同；后边的括号内是你要做标题的图片的链接，宽度为1024px的图片比较合适，图片高度可以根据自己的喜好决定。#headerdiv.lc{}#headerdiv.rc{}如果想在标题的左右两边放置不同的图片，就在第一行的{}内加上左边的图片链接，格式为{background:url(……)no-re

7、peatleft}。第二行的{}内加上右边图片的链接，格式为{background:url(……)no-repeatright}。否则{}内留空就可以。#headerdiv.tit{top:30px;left:20px;line-height:22px;font-size:30px;font-family:隶书}这里要设置的是空间名称的位置（top后边的数字是文字离空间标题栏上边界的距离，left后边的数字是离左边界的距离）；大小（font-size后边的数字）；字体（font-family后边的文字）。#headerdiv.tita.titlin

8、k{color:#......;text-decoration:none}#headerdiv.tita.titlink: