>### 1.背景
~~~
背景颜色:background-color
背景图片: background-image: url("images/icon1.png");
背景重复:background-repeat
背景位置:background-position: x y
//第一个参数表示离x轴的距离,y表示离y轴的距离
//简写
background: color image repeat position
背景吸附:background-attachment:fixed | scroll
background-size
//指定背景图片大小。
background-size: x y;
//x表示宽度,y表示高度
background-size:cover;
此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
相当于background-size:100% 100%;
背景的简写
background:color image repeat position
background: red url("images/icon1.png") no-repeat center center;
- html-css
- 第一节 外部样式表
- 第二节 元素选择器
- 第三章 盒子模型
- 第四章 html标签的分类
- 第五章 css选择器
- 第六章 权重
- 第七章 css基本样式
- 第一节 背景
- 第二节 文本
- 第三节 字体
- 第四节 链接
- 第五节 列表(针对ul)
- 第六节 边框
- 第七节 简单表格
- 第八节 nvvm
- 第九节 跨越列的表格
- 第十节 跨越行的表格
- 第十一节 有间隔的表格
- 第十二节 opacity透明度
- 第八章 css样式的继承
- 进阶教程
- 1.flex教程
- flex补充1
- flex补充2
- 2.grid布局
- css
- 第一节 box-sizing
- 第二节 float
- 第三节 position
- 第四节 导航栏
- iconfont的使用
- 第五节 搜索功能的实现
