一个简单的导航菜单【原创】
分类导航菜单是网上常见的效果，特别是在购物类网站和博客类网站上，几乎都有出现。
对于一个HTML和CSS初学者来说，看到这么多漂亮的导航菜单，无不有点心动，更欲有亲自动手尝试的冲动，但由于CSS的知识掌握的不够全面或了解的不够深入，往往做出来的效果不尽人意，涂生遗憾。
下面为大家带来一个简单的导航菜单的制作心得。
开始前必须先了解几个重要的CSS样式属性：
1. margin：定义元素的外边距
2. padding：定义元素的内边距
3. display：定义元素的显示样式，取值为
inline：表示行内元素，对于行内元素不能通过width和height来设置宽和高，宽和高由元素的内容和padding决定。
block：表示块元素，可以通过width和height来设置宽和高，默认的宽度会填满整个父元素。
4. line-height：设置文字的行高，通过设置该样式，可使文字在一定的高度内垂直居中。
5. float：使元素具有浮动效果，设置了float样式的元素，都可以通过width和height来设置宽和高，并且多个元素可在同一行出现（行内）
好了，搞懂了上面的CSS属性，将它们相互配合就很容易搞定导航菜单啦。。。。
全部代码如下：
效果如下：
赶快动手尝试一下吧。。。。。。。。。
欢迎mail我：373376253@qq.coom
用JSP编写的一个简易计算器实现代码如下： <%@ page contentType="text/html;charset=gb2312"%>
//接收运算符号 String oper=request.getParameter("op"); Double dnum1=0.0; Double dnum2=0.0; Double result=0.0; //java中String -> int if(num1!=null&&num2!=null&&oper!=null) { dnum1=Double.parseDouble(num1); dnum2=Double.parseDouble(num2); //计算 if(oper.equals("+")) { //加 result=dnum1+dnum2; } else if(oper.equals("-")) { //减 result=dnum1-dnum2; } else if(oper.equals("×")) { //乘 result=dnum1*dnum2; } else { //除 result=dnum1/dnum2; } } %>