背景
属性 | 描述 |
---|---|
background | 简写属性,作用是将背景属性设置在一个声明中 |
background-attachment | 背景图像是否固定或者随着页面的其余部分滚动 |
background-color | 设置元素的背景颜色 |
background-image | 把图像设置为背景 |
background-position | 设置背景图像的起始位置 |
background-repeat | 设置背景图像是否及如何重复 |
background-size | 设置背景的大小(兼容性) |
CSS Sprite
指将不同的图片/图标合并在一张图上
使用CSS Sprite可以减少网络请求,提高网页加载性能
隐藏or透明
opacity:0;透明度为0,整体
visibility:hidden;和opacity:0;类似
display:none;消失,不占用位置
background-color:rgba(0,0,0,0.2)只是背景色透明
inline-block
既呈现inline特性(不占据一整行,宽度由内容宽度决定)
又呈现block特性(可设置宽高,内外边距)
缝隙问题
line-height
line-height:2;
lin-height:100%;
hight=line-height来垂直居中单行文本