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
{
/*新闻分�
相关文档：
此文为网上收集~
给客户做站的时候遇到的问题,div层加了margin后 总宽度超过父级层宽度 就自动换行了 如何让浮动层加margin后不换行呢?
下面看浮动层加margin后换行的例子:
比如说有个DIV宽度为380px，它里面有一个菜单列表，每个宽度为60px，margin-right为20px。如果就按照下面的HTML结构来做的话，那么这个菜单列表能 ......
在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 ......
文字自动使用样式
.inputText{
border:1px solid #7898b8;
height:20px;
padding-left:2px;
line-height:20px;
background-image:url(images\\inputtext_bg.gif);
background-repeat:repeat-x;
color:#339900;
}
.inputText是 字体自动设置样式的名称
各种控件自动套用样式
比如table,td
table{border-colla ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS边框阴影< ......
以下收集分享的数据图表的展示效果，是完全用html和css来实现的。通过仔细研究学习这些案例对于我们学习css会有很大帮助的。
1、完全使用div、span和css制作的数据图表。
2、有很多用纯css制作的数据图表，我感觉这个是做的最漂亮的一个。
3、这个线形数据图表完全基于html和css制作的，没有应用js。这样的图图表加载快� ......
