web前端学习总结(一)

2470阅读 0评论2014-05-08 XylDll
分类:Html/Css

1. 页面渲染的三个流:
    a. 无float, position为默认值(static)的元素
    b.position为非默认值(fixed,absolute,relative)的元素
    c.float无left,right的元素
 渲染过程:
    三种流渲染完成后(故当父节点和子结点不在同一个流中时,父节点无法获取到正确的宽和高),进行叠加渲染,在显示到显示器
    解决办法:
    清除浮动可是流c 中的元素变为流a的元素
2. ul li元素的list-style-type设置为inline-block,可能会出现两个li元素中间出现空格
    原因:两个li元素之间的换行被解释为空格
    解决办法:
    <1>. li设置为block元素,使用float:left;属性
    <2>. html注释掉两个li元素中间的换行,或者两个li元素不换行
上一篇:DIV+CSS页面布局基础知识(一)
下一篇:没有了