MrYang's Blog

　　一直在寻找一个好用的CSS编辑器，以前都是直接在EditPlus上编辑，想要查看效果需要打开浏览器，非常麻烦。Dreamweaver倒是自带有，但是也不太好用，随意控制难度有些大。近日发现了一个感觉不错的CSS编辑器——Top Style。听说是在国外网站获得五星级评价的软件。

Top Style是一款创建符合标准的CSS的工具，用它还可以编辑HTML、XHTML。它具有：

• 编辑CSS时预览
• 在多种浏览器中检查CSS
• 多文档编辑导航
• 元素和属性的类型校验
• 集成W3CHTML校验

下载后试用了一下，感觉很不错，功能很强大。只不过是试用版，且是E文，要买的话有点贵，$79.95。不过网站提供了一个免费版本——TopStyle Lite，这个的功能就简单多了。

购买正版的是有些贵，不过国人似乎无所不能。在国内的一些下载站点上可以得到汉化版本且破解的，这里不便提供，自己去搜吧。

　　生活似乎开始找不到方向了，每天有些迷惑的过着，靠一些修补设计来消耗着时间。

当了这么多年老师，也写了写程序，但现在认真想起来，似乎自己什么都不会。没有明确的研究方向，除了教书其他什么都不会，就连教书也只是马马虎虎。真不知道以后的路该怎么走。

今天用了一天的时间把教师主页的布局修改了，也算完成学院暑假安排的一项工作。这样的修补是很消耗时间的，都代码，测试API，写CSS，画图，测试CSS，还要考虑在IE和Firefox上的浏览效果一致（暂时只考虑了这两个浏览器）。长期这样下去非疯掉不可。下一周要出趟差，也只有这两天抓紧时间完成一些任务。也称这次出差，出去走走。

迷惑也好，抑郁也好，生活还得继续。

　　DIV+CSS可以实现很多的页面效果，一下的代码就是利用DIV+CSS实现的菜单效果，当鼠标经过菜单链接时，菜单的页面背景会变化，这里需要两张图片，一张是链接时菜单的背景，另一张是鼠标经过时的图片，当然也可以使用背景颜色，我这里使用的带上圆角的背景图片。效果如下：
具体代码如下：
CSS代码

#topmenu {
height: 30px;
width: 500px;
margin: 0px;
clear: both;
}

#topmenulist{
width: 100%;
margin:0 0 0 6px;
padding: 0;
text-align: center;
}

#topmenulist ul, #topmenulist li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
border: 0px none;
}

#topmenulist a:link, #topmenulist a:visited{
float: left;
line-height:14px;
font-size: 15px;
font-weight: bold;
margin: 0;
text-decoration: none;
color: #ffffff;
background-image: url(topmenubg.jpg);
padding: 7px 15px 5px 17px;
}

#topmenulist a:hover{
float: left;
line-height:14px;
font-size: 15px;
font-weight: bold;
margin: 0;
text-decoration: none;
color: #9c9a9c;
background-image: url(topmenubgblank.jpg);
padding: 7px 15px 5px 17px;
}

• 收入登记
• 数据查询
• 报表查询
• 税率管理
• 系统管理