如何精通DIV CSS并解决常见问题?

avatar
作者
猴君
阅读量:0
学习DIV CSS的精妙问答包括如何布局,盒模型理解,定位方式,浮动与清除浮动等,掌握这些能提升网页设计能力。

在学习DIV CSS的过程中,会遇到许多问题和挑战,以下是一些关于学习DIV CSS的精妙问答:

如何精通DIV CSS并解决常见问题?

超链接访问过后hover样式不显示的问题

被点击过的访问地址样式不再具有hover和active了,解决方法是改变CSS属性的排列顺序: LVHA。

属性 描述
L(Link) 未访问链接的样式
V(Visited) 已访问链接的样式
H(Hover) 鼠标悬停时的样式
A(Active) 链接被激活时的样式

IE6的双倍边距BUG

 <div style="margin:10px; border:1px solid #000;"> div { float:left; } </div>

IE解释为20px,解决办法是加上display:inline。

无法定义1px左右高度的容器

解决的方法有很多,比如使用overflow: hidden; zoom: 0.8; lineheight:1px;等方法。

为什么FF下文本无法撑开容器的高度?

标准浏览器中固定高度值的容器不会被文本撑开,解决办法是去掉height设置,或者为了照顾不认识minheight的IE6,可以这样设置:

如何精通DIV CSS并解决常见问题?

 div { height:auto !important; minheight:200px;} /* 为了照顾不认识minheight的IE6 */

web标准中无法设置滚动条颜色了

将body换成html即可。

层显示在FLASH之上

给FLASH设置透明:

 <param name="wmode" value="transparent">

层垂直居中于浏览器中

使用百分比绝对定位,与外补丁负值的方法。

Firefox嵌套标签div的居中问题

设置b的横向margin为auto,即margin: 0 auto。

如何精通DIV CSS并解决常见问题?

DIV+CSS布局的理解误区

“DIV+CSS”这个词有很大的误导性,实际上应该是XHTML+CSS,真正应该起到布局作用的是CSS,而不是DIV。

学习资源推荐

W3Schools提供了丰富的CSS教程和实例。

《CSS权威指南》和《CSS那些事儿》是两本不错的入门书籍。

通过上述内容的学习,相信您对DIV CSS有了更深入的了解,希望这些信息能帮助您更好地掌握网页布局和样式设计。


    广告一刻

    为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!