css例子
/*
*创建人：蔺宜忠
*用途：学习css，应用于新闻系统
*/
*
{
/*把默认值设置为0*/
margin: 0;
padding: 0;
border-width: 0;
}
body
{
font-size: 14px;
}
a:link，a:visited
{
/*鼠标未移上去的状态、超链接访问后的样式*/
color: Black;
text-decoration: none;
}
a:hover
{
/*鼠标移到超链接上的样式*/
color: red;
text-decoration: underline;
}
#top, #search, #main, #footer
{
/*公共样式*/
margin: 10px auto 10px auto;
width: 760px;
}
#top
{
/*顶部样式*/
}
#search
{
/*搜索区*/
}
.test
{
border-width: 0;
}
#main
{
/*可变内容区*/
height: 313px;
margin-bottom: 10px;
}
#footer
{
/*底部设置*/
text-align: center;
border-top: solid 1px #0df;
padding-top: 10px;
clear: left;
}
.textbox
{
/*所有文本框的颜色*/
border: solid 1px black;
background-color: Aqua;
}
.button
{
/*所有Button的格式*/
border: solid 1px black;
background-color: Olive;
}
input
{
vertical-align: middle;
}
ul, li
{
/*项目列表样式*/
list-style-type: none;
}
li
{
text-align: center;
margin: 20px;
}
li a:link a:visited
{
/*项目列表下连接的样式*/
color: blue;
text-decoration: underline;
font-weight: bold;
}
li a:hover
{
color: Red;
}
.commonFrm
{
/*新闻分�
相关文档：
hand是手型
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw- ......
一、星号*
应该是个通配符。比如
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="round ......
一、document.formName.item(“itemName”) 问题
问题说明：IE下，可以使用 document.formName.item(“itemName”) 或 document.formName.elements ["elementName"]；Firefox下，只能使用document.formName.elements["elementName"]。
解决方法：统一使用document.formName.elements["elementName" ......
在JSP页面上加入
<%String path = request.getContextPath();%>
<link href="<%=path%>/css/style.css" rel="stylesheet" type="text/css">
下列方式貌似不行：
<link href="../css/style.css" rel="stylesheet" type="text/css">
<link href="../../css/style.css" rel ......
