阅读量:0
学习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 { 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”这个词有很大的误导性,实际上应该是XHTML+CSS,真正应该起到布局作用的是CSS,而不是DIV。
学习资源推荐
W3Schools提供了丰富的CSS教程和实例。
《CSS权威指南》和《CSS那些事儿》是两本不错的入门书籍。
通过上述内容的学习,相信您对DIV CSS有了更深入的了解,希望这些信息能帮助您更好地掌握网页布局和样式设计。