css一些实用的整理

取消a标签的下划线：

a {
	text-decoration: none;
}

正常情况下，div标签会换行，如果想忽略换行效果，可以使它们float，这样就可以让几个div在同一行显示。

div {
	float: left;
}

如果想把列表的列表项水平显示（或者div等块级元素，忽略换行），可以修改display属性的值为inline。

li {
	list-style-type: none;  /*取消显示列表项的图片*/
	display: inline;
}

如果在容器（div）中图片太大，超出了div，可以修改width、height为100%，这样就可以保准图片在div里。

img {
	width: 100%;
        height: 100%;
}

在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。

a:link {color: #FF0000}	/* 未访问的链接 */
a:visited {color: #00FF00}	/* 已访问的链接 */
a:hover {color: #FF00FF}	/* 鼠标移动到链接上 */
a:active {color: #0000FF}	/* 选定的链接 */

• 提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
• 提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
• 提示：伪类名称对大小写不敏感。

由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。如果有元素使用了float属性，可能会导致后面的元素直接被浮动框覆盖，所有可以创建一个id为cle的div，设置clear属性，取消周围元素的浮动。

<div class="cle"></div>

将其放在设置过float属性的元素后面。

.cle {
clear: both;
}