图片

分类

• img图片标签引入
• 作为backgroud背景引入

img图片标签引入

语法

html
<img src="" alt="" />

特点

作为background背景引入

特点

• div必须具有宽高
• div宽高<图片宽高时会发生裁剪
• div宽高>图片宽高时，图片默认平铺

语法

html
.banner{background: url("") no-repeat center}

使用

• 当需要在图片里添加文字，则使用background背景引入
• 全屏大图时使用背景图

半透明、透明方法

opacity

说明

用于设置div透明度、但是会影响子集

语法

opacity: value 

value ：指定不透明度，从0.0（完全透明）到1.0（完全不透明）
opacity属性具有继承性，会使容器中的所有元素都具有透明度

rgba

说明

单纯设置颜色透明度

语法

rgba（R,G,B,A）

RGBA Red（红色）
Green（绿色）
Blue（蓝色）
Alpha（不透明度）

rgba的取值范围：

R：红色值,正整数 （0255）
G：绿色值,正整数 （0255）
B：蓝色值,正整数（0255）
A：透明度,取值01之间