一、宽度自适应
宽度一般默认与body一致,一般为width:auto(宽度100%)
注:1、通栏布局时,width可以不写,
2、、写时需要使用width:auto;不写宽度会时,如果使盒子浮动,宽度会丢失(或有内容 撑起盒子)
3、width:100%是宽度自适应,但与padding等影响尺寸的样式共同使用时,会出现滚动 框
二、高度自适应:height:auto;
注:高度默认为零,body设置背景颜色时会铺满整个页面但高度依旧为零
三、动态自适应:calc(参数1 运算符 参数2)
注:1、运算符前后须有空格隔开
2、当页面缩放到一定程度时,自适应会影响布局,这时需要用到限定
四、限定
限定一般为防止因自适应导致页面布局混乱,所设置的最小宽高或最大宽高
最小宽度:min-width:属性值
最小高度:min-hight:属性值
最大宽度:max-width:属性值
最大高度:max-higth:属性值
五、css设置鼠标移动效果:
属性::hover{
属性:属性值
}