1.css背景类样式
background-image(背景图片)
background-repeat(背景图片的重复)repeat-x x轴重复、repeat-y y轴重复、on-repeat 不重复,只显示一次。
background-position(背景图片定位)取值有2个
雪碧图:各个小图标的集合,使用的目的是减少http的请求次数。
2.框模型
盒子模型的组成
外边框: margin 盒子与盒子之间的距离
padding:内边距 盒子里的填充物
border:边框 包装盒
content:内容 买好的东西
margin:4个属性,margin-top、margin-right、margin-bottom、margin-left
是可以合并的写,按照,上右下左的顺序
也可以单独拿出来写,,写一个,四个值四个值相同,这两个,上右,对标补齐,这三个,上右下,对边补齐
border,四个属性,border-color,border-style,border-width,border-height
四个属性都可以再细分上下左右4种
3.定位
相对定位:一般不去用top、left、right、bottom
绝对定位:一般不用margin,元素会脱离文档流
一一般一起出现,相对定位的作用一般是管着绝对定位,所有下拉框都是配合相对定位完成。
固定定位,元素会脱离文档流
使用场景,回到顶部,侧边栏广告。
4.溢出隐藏,主要用于清除浮动(overflow:hidden)
溢出部分以滚动条显示(overflow-scroll)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。