1、Background-size 背景尺寸
说明：background-size 规定背景图像的尺寸 属性值
length (10px) 规定背景图的大小。第一个值宽度，第二个值高度。（直接定义背景图的大小） Percentage(%) 以百分比为值设置背景图大小（参照元素的大小） cover
2024年10月22日
说明：background-size 规定背景图像的尺寸 属性值
length (10px) 规定背景图的大小。第一个值宽度，第二个值高度。（直接定义背景图的大小） Percentage(%) 以百分比为值设置背景图大小（参照元素的大小） cover
2024年10月22日
实例
指定背景图像的大小：
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
在此页底部有更多的例子。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
2024年10月22日
body 的背景图设置
第一种 :这种情况下背景图片可以缩放 但是不能完全等比缩放
background: url(imgs/1.jpg)no-repeat;
background-position:center 0; 背景图的定位原点,由于body高不确定
background-attachment:fixed; 背景图片保持固定,不会随页面滚动而滚动
第二种: 这种情况下的背景图会完全的等比缩放, 随着窗口大小改变
2024年10月22日
CSS background是最常用的CSS属性之一。然而，并不是所有开发人员都知道使用多种背景。这段时间都在关注使用多种背景场景。在本文中，会详细介绍background-image`属性，并结合图形来解释多个背景使用方式以及其实际好处。
如果你还了解 CSS background 属性，可以去先 MDN 查看相关的知识。
CSS background属性是以下属性的简写:
2024年10月22日
第一章 问题集锦：
1、ID选择器与类选择器优先级
ID选择器优先
2、CSS文件中编码问题
1）要么就删除，默认就是编辑器的编码
2）有的浏览器不识别，在编码后加上“;”
3、属性和样式是否正确
直观的办法就是保存运行，看看是否是正确；如果不正确
1）大胆的去尝试；
2）找到对应的标签，把行内样式抽取成内嵌或外链，绝对没错。
4、定位原点：
1）所有的元素都在BODY中显示，那么body的原点就是最左上角(0px,0px)
2024年10月22日
上篇文章主要讲述了CSS的基础用法，讲述了如何定义头文件，导入CSS文件，id和class选择器，元素选择器，后代选择器，子元素选择器，兄弟选择器，伪类选择器等等，让大家对CSS选择器有个简单的认识和了解。这篇接上篇文章，继续讲解CSS的基础用法。
背景可以设置很多，比如背景颜色，背景图片，背景定位，背景重复，背景关联，
2024年10月22日
在CSS中，背景样式主要包括背景颜色和背景图像。在传统的布局中，只能使用少数的标签来定义背景图像和背景颜色。但是随着Web2.0时代的到来，设置背景样式不再使用传统HTML属性来定义，转而使用无限制、更灵活的CSS来定义。
目标
2024年10月22日
本教程将向你展示一种使用CSS编写整页背景图像的简单方法。你还将学习如何使图像响应用户的屏幕尺寸。
使背景图像完全伸展以覆盖整个浏览器视口是Web设计中的常见任务。幸运的是，可以使用几行CSS来完成此任务。
01用图像覆盖视口
首先，我们要确保我们的页面实际上覆盖了整个视口：
在内部html，我们将使用background-image属性设置图像：