小节回顾：看到这里你应该要学会这些

1. 了解校内网粗略布局结构
2. 知道找到图片后要在日记那里上传
3. 初步了解CSS的基本格式,如background是设置背景图片用的
4. 能动手给页面加个背景图片(完全平铺,水平\垂直平铺,固定)
5. 发现此教程的规律：代码都是浅绿色的，小提示都是浅灰色的。

加完背景图片后,下一步要做什么? 

先把没用的部分去掉,校内网LOGO,头部左边我的同学,我的世界, 隐私设置,帮助,退出,我的页面,我的班级 ...等链接 还有就是底部将如下链接发给朋友...

这里插入CSS基本语法

一个样式的语法由三部分构成：Selector(选择符)，属性(Property)，属性值(Value)

比较你要修改页面整体文字颜色为黑色，你可以使用以下代码

body{
color:#000
}

从上面那个例子你可以看出什么？

body = 选择符
color = 属性
#000 = 属性值

很显示body是整体页面的意思；color是颜色的意思；#000是黑色的意思。
整句翻译下来就是让整体颜色的颜色设置成黑色。

那么美化时要如何查找相应的选择符呢?

这里我举个例:比如找校内网LOGO的选择符

打开我的页面 -> 对空白地方右键 -> 查看源文件 就弹出文本编辑器 (这个方法很常用,偷人代码也是这样弄的)

小提示：如果你弄不明白什么是空白的地方，你可以在浏览器菜单栏上点查看，再点查看源文件就可以了

我们搜索校内网LOGO图片的地址(http://static.xiaonei.com/img/logo.gif)

小提示：校内网LOGO图片的地址知道怎么获取么?对着那个校内网LOGO图片右键 -> 属性 -> 弹出属性框,你就可以在地址(URL)那一栏看到地址了.这个方法可以查看所有图片的地址.弹出文本编辑器用完不要关掉，整个美化过程中都要用到

找到如下代码

<h1 id="logo"><a href="http://home.xiaonei.com/Home.do" title="校内网"><img src="http://static.xiaonei.com/img/logo.gif" alt="校内网(Logo)"/></a></h1>

小提示：搜索是用文本编辑器中编辑-> 查找;弹出来的源文件内容很多，使用查找功能可以很快搜索到我们要找的代码。

那么这个校内网LOGO选择符就是logo,其实很好找,在id或者class后面那个就是,等下我会举个class的例子.

那么隐藏校内网LOGO可以用如下代码

#logo{display:none}

分析:

logo就是那个选择符了,display是显示方式属性,值呢,就是none,显示方式是什么都没有就是不显示,logo前面那个#是用来区分id 和class用的,class是用.(小点)。因为logo是<h1></h1>的ID，所以我们现在设置可以使<h1></h1>内所有元素都隐藏，不管里面有多少元素,如果不明白先略过，下面还会解释到。

下面说个class的例子，好让大家区别一下。

 比如我们要隐藏日记内容,日记可以显示三篇，最近发表的可以显示内容，现在我们要隐藏它

如何找日记内容的选择符？如果不知道，先回头看看我刚才是如何找校内网LOGO的选择符的,自己先试一下。

这里简单说一下，在刚才弹出文本编辑器里搜索你日记内容中的字符，你会搜索到如下类似的代码

<div class="content">
        <div class="text"><P>我的日记内容</P></div>
        <p class="stat"><a target="_blank" href=http://blog.xiaonei.com/GetEntry.do?id=000&owner=000>阅读(0)</a><span class="pipe">|</span><a target="_blank" href="http://blog.xiaonei.com/GetEntry.do?id=000&owner=000#comments">评论(0)</a></p>
       </div>
       
      </div>

你现在会自己写隐藏代码么？如果你有写成下面那样就很不错了

#text{display:none}/*这个错误的*/

但是这还不够，因为它是错的，class的要用点号(.)，正确如下：

#userBlog .content{display:none}/*这个是正确的*/

分析：

前面我们说过“因为logo是<h1></h1>的ID，所以我们现在设置可以使<h1></h1>内所有元素都隐藏，不管里面有多少元素”，content是最外面的层的class，对它的设置，它里面包含的同样会继承到，因为是class所以content前面用 . ；
前面的#userBlog 又是做什么用？这里又扯到id和class的区别，id是唯一的，只能使用一次，class是一个类，可以多次使用，简单说就是，id是一对一,class是一对多;可能还有其他元素应用这个样式，所以我们要在前面加个唯一的id,让它唯一。通俗些说，比如张三和张四都有个儿子都叫张五，你说张五指哪个，不确定，你说张三的儿子张五不就清楚了。
#userBlog 怎么来的？你可以往外层找；.content最近的ID是<ol id="blog">, 但是用#userBlog比较好,当然用#blog .content{display:none}也没错。

小提示：上面这一步可能对新手来说有点难，没事，如果不明白就略过吧。你只要懂得这么一种格式选择符+空格+选择符+{属性:值;}

同样大家能不能找到我的同学,我的世界的选择符

方法我教大家了，如果还不会，直接用下面

/*隐藏版块*/
#logo, #tagline, #copyrightlink, .announcement, #userBlog .more,  #utility, #permalink, #sidebar, #reportlink{
display:none}

如果你需要隐藏其他版块，看这里http://www.bo-u.cn/show-29-1.html

这样就可以隐藏那些非常不必要的元素了。