a:link{text-decoration:none ; color:white ;}
a:visited {text-decoration:none ; color:white;}
a:hover {text-decoration:underline ; color:white;}
a:active {text-decoration:none ; colorwhite;}
以上顺序不能变,要不没效果
text-decoration:none 的意思就是不显示下划线
link的意思是链接样式
visited的意思是访问过的链接的样式
hover的意思是鼠标悬停的样式
active的意思就是点击时候的样式
-
border-radius: 5px; /*让控件圆角化*/
@charset "utf-8";
/* Remove margin padding */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,lege
nd,button,input,textarea,th,td { margin:0; padding:0; }
CSS的样式注释(部分)
/*控件默认字体*/
body,button,input,select,textarea{ font:12px/1.5 宋体 ,arial,san-serif;}
h1,h2,h3,h4,h5,h6 { font-size:100%;}/* 干掉浏览器百分比缩放 把那些h1h2h3之类的都缩放成100%*/
address,cite.dfn,em,var{ font-style:normal;}
code.kbd,pre,samp{ font-family::"Courier New", Courier, monospace }
/*font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。*/
small{ font-size:12px;}
ul,ol{list-style:none;}/*表明list项前面没有什么修饰*/
a{ text-decoration:none;}/*去掉超级链接的下划线*/
a:hover{text-decoration:underline;}/*就是鼠标移动到文字上时,文字底边就有一条线(下划线),鼠标移走了下划线就消失了。明白吗?*/
sup{ vertical-align:text-top;}
/*text-top:文本顶部对齐。
text-bottom:文本底部对齐。*/
sub{ vertical-align:text-bottom;}
legend{ color:#000;}/*legend 元素为 fieldset 元素定义标题(caption)*/
fieldset,img{ border:0}/* fieldset 是个框框能把元素框起来 这就是把那些框框去除*/
button,input,select,textarea{ font-size:100%;} /*把这些控件的字体设置成100%*/
table { border-collapse:collapse; border-spacing:0;}/*控制table表格属性的 border-collapse: collapse; /* IE7 and lower */
/**/
/*清除页面飘的效果*/
.clear{ display:block;}/*clear 清楚浮动的。前面如果出现浮动的div 就用clear 清除一下不然会出问题的。 block 是块级*/
.clearfix:after{ content:'\20'; display:block; height:0px; clear:both;}
/*content: '\20'; 的意思是在.clearfix这个元素的后面加上一个空格以免破坏整体页面的布局造成飘了
这整段css是在浏览器中创建一个分隔栏,把上下DIV隔开,避免DIV发生错位。但是如果单纯使用clear:both的话,就会产生一些浏览器兼容上的bug,而用content:"\20"的方式就是在DIV后面人工添加一个空格,这样就可以解决这一类的浏览器兼容问题。*/
.clearfix{*zoom:1;}/*zoom:1; 这个也不明白? 缩放级别,当值为1时没缩放变化,而只是用来取得layout。只对IE 起作用*/
/**/
html{ overflow:-y:scroll;}/*始终显示滚动条*/
/*默认的超级链接模式*/
a:link, a:visited { text-decoration:none;}
a:hover, active{ text-decoration:underline;}
body{ font-family:"Microsoft Yahei", arial; line-height:160%;}
.hidden{ visibility:hidden;}
/*header*/
.header .logo, .header .nav, .header .top p{ width:960px; margin:0px auto;}
.header{ background-color:#c1c1c1; padding-top:50px; }
.header .top { background-color:#FEC;}
.header .top p{ text-align:right;line-height:30px; height:30px;}/*line-height:30px 设置行高 这样就便于观看 也便于调整字距离这个格子的距离*/
.header .top p a:hover{ text-decoration:none;}
.header .top p a{ font-size:16px; color:#303; margin:0px 10px; padding-right:0px;} /*搞清楚啦~~*/
.nav ul { float:right; height:30px; line-height:30px; overflow:hidden;}/*overflow:hidden的作用是隐藏溢出*/
.nav ul li{ float:left; width:100px; text-align:center;}
.nav ul li{ font-size:17px; color:#F39;}
.nav ul li a{ display:block; width:100%; height:100%; font-size:16px; font-weight:bold; color:#0091a0; font-family:"Microsoft Yahei", arial; }
.nav ul li a:hover, .nav ul li a.current{ text-decoration:none; color:#999; }/*
/* ---------链接 A 标签的样式规范------------------
A{text-decoration:none;} /* 去掉链接的下划线
A:hover{text-decoration:underline; color:#00FF00;}/* 鼠标悬浮在链接上时.出现下划线颜色变绿色
A:link {color:#000000} /* 未被访问的链接 黑色
A:visited {color:#CCCCCC} /* 已被访问过的链接 灰色 */