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
{
/*新闻分�
相关文档：
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
}
table {
border-co ......
一、星号*
应该是个通配符。比如
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="round ......
IE6中CSS无效问题
同事反馈我一个页面在IE7和Firefox下都正常,但是在IE6中无样式.但是页面我做给他们的时候一切都是正常的.把他传给我的包打开研究了半天发现,页面编码从GB2312变成了UTF-8,其他都没有什么改变.于是还原为GB2312,页面正常.再将外部CSS复制到页面内部,同样正常.研究许久找不到问题所在,忽然发现CSS里面有段� ......
1. CSS字体定义简写规则
一般的写法会是这样：
font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif
而实际上你可以用更简洁的写法：
font: bold italic small-caps 1em/1.5em verdana,sans-serif
是不是更省事？不过使用这 ......
<!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边框阴影< ......
