前端基础二--CSS的补充

做此文章,补充说明一下我对浮动还有网页定位,选择器的一些补充吧

首先讲讲浮动:浮动呢有点类似与水流,默认的情况下浮动是自底向上浮动,就像水往低处流一样.

如果我们手动加上了float:left的属性,那么水流上就多了一个向左的力,在向低处流的同时还会向左流.

没有设置浮动属性的元素呢就会脱离浮动的元素,沉在浮动元素下方,达到类似覆盖的效果

清除浮动可以在CSS属性中设置clear:both;即可

这样说很难看懂,自己试一下你就清楚了.

然后再说下三种定位(position)方式:static,fixed,relative,absolut

static:默认方式,没啥好说

fixed:固定方式,不管怎么拖动下滑栏,他都在浏览器相同的位置,举个简单例子吧,就是你打开某个网站之后的附在边上的广告,不管的移到哪,都跟着你,这种时候就需要按下那个×,关掉它!

relative:相对方式,相对于你本来应该的位置,设置这个属性后,使用left,right等位置变化后的位置都是相对于本来的位置而言的,原来的位置会空着,而不会被其他元素占领

absolut:绝对方式,不同于相对方式,使用此方式后,原来的位置就会被其他元素占领,而这种方式的参照物,是向上层找到第一个不是定位方式默认方式的元素.

选择器>: ul>li指的是ul下一层嵌套中的li 而ul li 是ul中的全部li

举例:<ul>

            <li>    /*这个算ul>li和ul li*/

                <li>    /*这个不算ul>li 但算ul li*/

                </li>

            </li>

       <ul>