前端CSS个人小结

布局小结
前端的入门布局很常用的是div+css，其中的width，height以及line-height，padding，margin是很重要的内容，而其配合上float布局，基本可以实现页面上很多样式的编写。
自己在学习中的布局常用float，尤其记得导航栏的布局。自己使用ul包裹li标签，自己以上俩就记得li进行float：left，后来发现先要给ul进行float：right，在给li使用float：left，当给li设置高端和行高可以使追至居中，如果里的宽度定下来则text-align可以是水平居中，不定下来的话，可以给每个li加padding-left和padding-right使其间隔开，同时可以使用border-left或者border-right使其有竖线间隔，然后如果配合以hover可以实现二级菜单的鼠标滑过显现效果。此时往往二级的ul一开始是display：none，当li：hover时，display：block。
定位章节，效果可以有fixed，relative，absolute。fixed时固定定位，定位在浏览器窗口，不管页面上下滑动，固定定位的内容始终不动，relative则是相对定位，当前标签如果所处位置不是自己想要的位置，可以使用top，bottom，left和right进行上下左右的移动，器效果也可以用margin-top去负值实现。absolute则是绝对定位，起作用就是让绝对定位的元素在相对定位的元素里处在某在位置，好多banner大背景图上的123456小点击图标就可以把u了绝对定位在右下角，然后让lifloat：left并并排。
定位的使用和背景图有一些相似之处。一个背景图也要使用横向和纵向两个参数值，以达到特定位置的效果，其中尤其以多个小图合成的雪碧图用的很多，好多小细节还要在使用中更加理解深刻。