怎么用记事本做一个漂亮的网页课程表(2)

一、制作前提：

1. 我们的目标：

   
   
   

2. 熟读文章《网页编程中叫不上名的色彩是如何准确表达的？》用截图或其他你能想到的方式获取到表头周一到周五5个单元格的背景色，并记录下来；获取到语、数、英、化、物理五个科目的字体颜色并记录下来；获取到奇数列的背景颜色并记录下来。

3. 熟读文章《任何人都可以做网页！幸运的你，快来试试看！》知道以下样式的含义及用法：
   内边距:padding
   背景色:background-color
   字体大小: font-size
   文字对齐：text-align: left或right或center

4. 完成《怎么用记事本做一个漂亮的网页课程表(1)？》布置的任务，因为该课程任务就相当于盖好了一个毛坏房，而这个课程的任务就是完成装修！

二、样式类名属性

在文章《任何人都可以做网页！幸运的你，快来试试看！》中介绍style这个属性，这个属性是对当前容器的样式进行定义，所以又叫行内样式。使用行内样式会这样的问题：比如我们要把课程表里所有“语文”字体颜色改成桔色，就需要把所有含“语文”的单元格找出来，添加上相同的行内行样式。这会造成严重的代码冗余，致使代码的可读性变差。针对这个问题HTML提供了class(样式类名)属性，利用这个属性我们可以事先定义好一个样式类，如果哪个容器需要这个样式，就给这个容器赋值这个样式类名就好了。相比较而言，行内样式更适用于样式比较特殊的地方。可能说起来比较抽象，且看示例：

    

        
语文
        
数学
        
语文
    

style 样式容器，只能用于放置各种样式定义，对语法有严格的要求，不能用于放置其它容器。

三、其它问题

1. “上午”和“下午”如何实现竖向显示？

有Excel经验的同学可能知道“上(ALT+ENTER 换行)午”这样实实，但是网页中回车换行会被换略，取而代之的是
签行。即把"上午”改为”上
午"即可。

2. 其它样式该怎么处理？

如“中午”单元格的样式是特殊样式，可采用行内样式解决。如何你要是觉得行内样式不好看，也可以自定义样式解决，方法上文中介绍过了。

四、结语

如果你已经掌握了以上知识点，我相信你很快就可以独立做出一张漂亮的课程表。如果你成功做出来请告诉我，你的进步非常大。没有做成的话也请告诉我，有任何疑问都可以留言，大家一起帮忙解决。