CSS——背景相关属性及元素显示模式

一.  背景属性

1.背景颜色（快捷键bgc）

属性名： background-color

➢ 属性值： 颜色关键字、rgb表示法、rgba表示法、十六进制……

 2.背景图（快捷键bgi）

属性名： background-image

➢ 属性值：background-image :url(''图片地址");

3.背景平铺（快捷键bgr）

属性名： background-repeat

➢ 属性值：

 4.背景位置（快捷键bgp）

属性名： background-position

➢ 属性值：

 5.背景相关属性连写

background：color image repeat position;

---

二.  元素显示模式

1.块级元素

特点：独占一行，可设置宽高。常见标签有div、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer……

2.行内元素

特点：一行可以显示多个元素，无法设置宽高，但宽高由内容撑开。常见标签a、span 、b、u、i、s、strong、ins、em、del……

3.行内块元素

特点：一行可以设置多个元素，可以设置宽高。

 4.显示模式转换

① display:block; 转为块级元素

②  display:inline-block; 转为行内块元素

③  display:inline; 转为行内元素