php学习之div+css浮动布局（三）

说明：元素在网页中进行左或右的漂浮，脱离原来的文档流

• float：浮动          属性值：lief和right

浮动的普通情况，脱离原来的文档流，其他没有浮动的元素会钻入到浮动元素的下面

需要所有的元素都显示，都加浮动

如果某个元素的宽度加上其他元素后大于最大的包裹的元素，那么最后一个会被挤下去

如果前面的元素比其他高，宽都大于最大包裹的元素情况下会卡住其他元素

:hover是css中的选择器

用于选择鼠标指针浮动在上面的元素。所以a:hover可用于设置当鼠标悬停在超链接之上时超链接的样式。示例如下：

在Html代码中给出一个超链接<a href=”#”>我是一个超链接。</a>

设置鼠标悬停的css样式

a:hover{
color:red;    /*设置颜色为红色*/
font-size:20px;  /*字体变大*/
text-decoration: none; /*去掉下划线*/

观察显示效果

默认样式

鼠标悬停样式

案例：

[erphpdown]浮动导航案例[/erphpdown]