21.尚硅谷_css3_css2背景.wmv原创

啊，刚刚我们讲了一个边框图片嘛，是不是啊，这边我们把背景这块东西，OKC3里面新增的跟C2里面那些东西给你们讲一讲啊，我觉得背景这个东西你们应该还没吃透，来看一看。好，首先这个背景啊，先来讲C2的。嗯，这是新增员样式里面关于边框图片的，好，再来一个背景呢，零五。背景啊，CSS2的背景相关的好有哪些呢？好，这个边框图片的一样是扣过的吧，我去C。CTRL完毕啊，还是让它居中，我看起来比较爽一点，OK啊。来看一下是不是有一个没有，是不是为什么背景首先有一个叫back光的什么白光的什么鬼。我是算错了。

OK，有一个什么background的color啊，这个你要是不知道，请你出一个左转啊，这个color是一个什么拼折叠好，这是一个嘛，背景颜色是不是OK，那大家看我们说首先有一个叫白的灰色子元素的背景色是不是，它的默认值是什么？啊，Transparent是一个透明色，懂不懂这种颜色关键字，这个叫关键字CSS定义的。啊，只有C33里面才有这个关键字透明，比如说我们来来个。透明看起不起作用。起不起作用，你也看不到是不是F啊，12可是我们看下这个样式有没有被划掉。真的吗？是你看是不是干嘛透明的，这个能不讲，OK，来看一下，那我们说这个有什么讲头的，这确实没讲头，来看一下，比说image background image属性用于为一个元素设置一个或多个背景。

多个背景没玩过没有，是不是多个背景什么时候才能出来，C3里面才支持，现在浏览器支不支持支持，因为CS3面提出来协议嘛，Background光的image可以支持多背景的，懂不懂图像在绘制时以Z轴方向进行对线，先指定图像，先指定图像会在之后指定图像上面进行规则。懂吗？比如说我们来写一写，有个叫什么八光的什么，这个也改成P好，叫八光的一麦奖，是不是来点图片。啊，现在不找女生找男生。男神，嗯，男神，OK，找男神啊，我说陈玄都是有些少女心的，信不信看见没有带的是啥？好，来看一下白方应该什么是吧？来看一下我们说URL吧，是不是image底下点同高点偏低吧，是不是？来我们看一下你。

你看是不是我图片是在我背景色上面就选的，这一点你承认是不是图片是会覆盖这个颜色的，而且它是可以自己多背景的，1万要码是不是，比如说干嘛。把童老师给他覆盖掉。样错了。看样式有没有写错。没写错吧，是不是啊，好，来看看怎么说呢，他说以任意轴方向进行对切吧，先指定的图像在之后指定图像上面进行绘制，我的天呐，你先定的图像在之后指定图像上面进行绘制，谁覆盖谁啊，前面的覆盖后面了吧，这跟我们一般又不一样了吧，一般都是后后面覆盖前面的吧，你说这个A出的是不是烂不烂及其的烂，看一下。

正常人都不会这么说啊，是不是说明他们聪明绝顶啊？你看我的天呐，看见没有，是不是这样的，是不是我这个图片在我这个童老师上面进行，不知道是不支持多背景的，那不你讲OK，这是支持多背景的，大家必须得知道OK。把这个删了吧。是不是这样的？好，再来看还有什么其他事形在道里面有个叫background光的repeat啊，这里就不讲了，干嘛用一用吧，是不是白光的什么？Background repeat等于no repeat啊，它还有一些值啊，Repeat X这应该比较。好弄吧，是不是OK，来看一下。

呃，因为我这个元素不大，是不是说明是不是我这个东西干嘛太小了，一张图片太大了。是不是现在就可以了，这里面讲，嗯，刚刚好像有一件事情，如果说你没有repeat的时候，大家看是不是两百两百啊，有东西被截掉了吧，相当于你作为背景图片，我们说背景图片，你大家概背景图片是不是自己的像素的，这个叫什么像素啊，记住这个叫位图像素。等等，这叫位图像素，我们说这种JPG格式都是位图啊，是不是这叫位图像素等等，他怎么去拿到你页面里面渲染的，也就说一开始你的位图像素是多少，我到这边我的CR的像素是多少，也就说你这个背景的尺寸跟它有关系吗？没有跟你本身的未读像素有关系，懂不懂你未读像素是两百二乘以二巴巴嘛，那我现在这个图片在你里面渲染的是两百二乘以八，好吧啊，如果干嘛艺术部分就给你自动减掉的懂吗？OK，好，来看下。

好，那现在我们说，哎，那我说这个位置好像不是很好看是吧，我们是不是还有个叫百花分一下，比如说我就想看到童老师的，比如说我把这个嘛，哦小01:20啊20平，这你大家看现在是不是啊，这个它点太大了，四十四十。是这样的，我居然看到脸，怎么办？是不是要移这个背景的位置啊，所以说我们学过一个叫back什么形吧，OK，可是我告诉你啊，我问你back肯定行啊，一开始我们说如果是个负值是不是，比如说我们先给零零吧，0PX啊，0PX啊相当于没有动。是不是我们说这个东西是不是相当于拉着你这个绘图在我这个框里跑啊，是不是来看一下F2这里。好，一开始这个病是不是在这边，大家看background。这边嘛，比如说给个负值，你看给个负值是不是相当于往左拉，第一个值往第一个值往左拉嘛。

是不是这边呢，这边现在是想往往上面了吧，给政治给负责。是不是给负值啊，你看这里是可以过来了，是不是，也就是说负值是把这张图片干嘛往这个方向去拉了，这能不能理解啊？好，有一件很重要的事情，能不能先在比。你写过吗？看一下走，你经常往回写。百分之。可不可以啊，图片肯定是动了，比如说现在是0%是不是啊，我们我们来我们来慢慢看。百分之零八你是不是在这边啊，OK，看我这个百分比，如果让它慢慢变大，你发现它是往哪拉的。按照我们来说的话，这百分比越来越大的话，是不是干嘛应该往右走啊，是往左走了。

那是不是等于找到这个百分比到底乘到底谁啊，那最终这个值你看算成多少。百分之三十七八，那这个百分比存在谁？啊，百分比相当于这个自身，那就完了。是不，比如说百分，比如说现在我稍微搞大一点，100片吧，100吧，是吧，我说百分之百分之嘛，大。是这样的，是是我们说如果参照自身是不是就是10PXPX，你说10XPX可能这样吗？我把你覆盖掉，这是可以完全覆盖掉了十篇大看。是吗？不可能啊，是不是OK，说明不是成不是成长于支撑的，好，告诉你它称的是什么啊，来看一下尾，忘了看看。好，参照于背景图片定位区的大小减去啊。背景图的大小相当于是把这个Y跟要减去什么？

图片的宽高。图片到。两百二乘以220乘以。288是不是，220乘以2888是不是？OK来看一下啊，走，你来我们说现在我们来看10%应该是多少？100减去220。乘以吧，应该多，这是负的，我负的吧的多负的。负的12PX是不是这个值呢？100减去288。负的八点是来看一下。一模一样。是不是这个道理啊，是不是OK，什么叫熟悉，这才叫熟悉啊，能不能讲一般在你们简历上面写第一条，熟悉熟悉CSS跟妙，是不是知道写这句话的重量有有多重了吗？啊，熟悉熟悉这的API啊，你们这就不叫熟悉，懂不懂你们这叫看过。

看过他们的API能不能解啊，就是说每一个C的属性首先搞清楚。默认值是什么啊？是否可继承？百分比到底相当于谁？那么讲这些都是一些很重要的事情，对吧？OK，切记百个宽，可百分比参当于谁？你这个区域的尺寸减去你这张背景图的尺寸。你们讲，然后去乘以这个百分比，懂不懂啊？这里面是一个小逻辑的，OK，那这是叫什么？半个光的特形是不是好？最后讲一个特别让我感到无语的事情，Background光的attachment，好，这是个什么玩意，看一看。这这个有没有玩过。

好，来看一下，这也是C2里面，现在我讲的背景都是C2 C2里面的属性还没有讲C3的哪好看C2题面八往哪加，你们的决定背景是在思口中固定，还是谁包含它的区域进行滚动，听不懂。我也听不懂，默认值是什么？SCSC表示什么？使关键字背景相对于元素本身固定，而不随着它的内容进行滚动，听不听得懂？这是人话吗？听不懂是不是？听不懂怎么？是不是走你嘛来嘛，看现在我是不是有个白头，你该下是不是我让他都是P的吧，是吧，我这个尺寸比稍微变大一点，400X400X之后你看一下。是不是现在就是这么大的，来看一下我里面来个什么，来个铜高是不是啊，OK啊，我是不要命了，上完课直接被辞退，算了，不想干了，就就就就就就就就看OK，我问你现在要不出滚动条了，差不多了吧。

没出过那条为什么？你的O地是什么？我们说over的默认属性是什么吧，就是这样的吧，是不是OK，我们说你的干什么？真的哪里滚动条是不是走，你现在是不是有了滚动条了，你看在我滚动条滚动的时候，图片动了。不动这句话能不能理解了？默认值是够用的，此关键词表示背景相对于元素本身是固定的，不会随着它的内容滚动而滚动的，确实是，是不是OK来看一件神奇的事情啊，如果把它换掉。我把它换成什么？光什么？他为什么完了走，你没了。是不是看见没了，你看图片呢。

没了吧，看他在哪。看见没有，在哪。神经病吧，你看跑到哪去了，跑到这边来了，你看我，你看我，他评估更好玩什你什么鬼，看见没有，他是不是在整个市口里面去给你进行一次评估啊，懂不懂什么意思啊。Background attach the fixed代表什么意思啊？还跟你这个包裹器有关系吗？虽然说哎，我说我这个背景在我这个test里面，还跟它有关系吗？没关系了，它这个背景为谁去铺了。喂，四口就不了。