轮播图效果 轮播图的图片显示一般用ur嵌套li标签来装

一.垂直对齐方式：vertical-align 浏览器会把行内块，行内标签都当做文字处理，根据基线对齐(通常以文字的底部为基线)，就会导致图片和文字一上一下的效果，有些文字超出基线以下，故图片会和基线留有空白 设置vertical-aligin:middle（要作用在行内行内块的最高的一个上）比如文字和图片放一起作用在图片上（图片较高）可选效果有：top middle bottom 图片底部...

CSS精灵：将页面中要显示的小图放在一张大图里面利用定位显示想要的小图部分，用一张图显示多个小图，减轻服务器压力 创建盒子，盒子尺寸与小图尺寸相同 设置盒子背景图 添加background-positon属性，改变背景图位置 3.1 可以使用PxCook 测量小图片左上角坐标 3.2 取负数左上移动（移到要显示的小图盒子位置） 1234567891011121314<style>...

堆叠层级：z-index 标签书写越靠后，显示的优先级越高 设置z-index值越大显示优先级越高 12345678910111213141516div{ position:absolute; width:200px; height:200px}.box1{ background-color:pink; //不设置z-index为1的话显示的就是后设置的blu...

一.相对定位 position:relative 根据自身位置偏移 不脱标，占位即位置改变后原来的位置区域保留 设置相对定位的标签显示模式不变如：div 设置完相对定位后仍是块级 12345div{ position:relative; top:100px; left:100px} 二.绝对定位 position:absolute 参照最近的父级元素定位 脱标，不占位，...