css笔记

1 a:link,a:visited,a:hover,a:active

a{COLOR: red; TEXT-DECORATION: none} ///有连接，显示）


a:link { /有连接
color: #cccccc;
text-decoration: none;
}
a:hover {COLOR: black; TEXT-DECORATION: underline} ///:鼠标放到连接上的时候

a:visited { /连接被访问过之后
color: #cccccc;
text-decoration: none;
}


总: a 表示所有状态下的连接 如 .mycls a{color:red}
处理超链接的状态。超链接文字的状态可以通
① a:link：未访问链接 ,如 .mycls a:link {color:blue}

② a:visited：已访问链接 ,如 .mycls a:visited{color:blue}处理超链接的状态。超链接文字的状态可以通

③ a:active：激活时（链接获得焦点时）链接的颜色 ,如 .mycls a:active{color:blue}
包括： 总: a &nbs
④ a:hover：鼠标移到链接上时 ,如 .mycls a:hover {color:blue}

处理超链接的状态。超链接文字的状态可以通
一般a:hover和a:visited链接的状态（颜色、下划线等）应该是相同的。

前三者分别对应body元素的link、vlink、alink这三个属性。p;

四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能设置有无下划线（总是有的）。
/
NB: （firefox一定要按照a:link ->a:hover ->a:active ->a:visited的顺序，否则不能正确显示)(ie可以）


2 border:1px solid #3DB836;
边框：1像素 实线 边框颜色


3 TD （所有在td里面的显示样式）
{
FONT-FAMILY:宋体;
FONT-SIZE: 12pt;
color: red;（除拉有'a'连接以外的字体颜色）
line-height: 16px;（td高度）
}

4 .head a:hover {
color: white;
}
//说明，样式head里的a:hover会替代 a:hover


5 让多个<li></li>横排在一起的CSS写法

在CSS里面添加

li { display:inline;} 即可横排！