摘要:快捷键补充到这里属性基本就讲完了,然后我们还有一些的属性没有讲,但是要用到盒子模型,现在我们没有学盒子模型,所以不用讲背景图片和插入图片区别我们先来看一个例子如何快速的打出以下代码键现在,我们要分别用背景图片和插入图片的方式插入
快捷键补充:
bc background-color:;
bi background-image:;
bgr background-repeat:;
gp background-position:;
ba background-attachment:;
bg + background:#fff url() 0 0 no-repeat;
到这里属性基本就讲完了,然后我们还有一些CSS3的属性没有讲,但是要用到CSS盒子模型,现在我们没有学盒子模型,所以不用讲
1.背景图片和插入图片区别?
我们先来看一个例子
如何快速的打出以下代码?
div.box$*2 tab键
现在,我们要分别用背景图片和插入图片的方式插入两张图片,要让div的宽和高等于图片的宽和高
现在我们要在.box1中放一些内容
1.1 背景图片仅仅是一个装饰,不会占用位置,插入图片会占用位置
我们修改了一些代码
我现在,想把左上角的背景图移到右下角,背景图片有定位属性,我可以在第一个div的范围任意修改位置
这样我们背景图就移到了div的右下角,而我们想把box2的图片移动到右下角,目前我们没有知识能够做到
1.2背景图片有定位属性,所以可以很方便的控制图片的位置,插入图片没有定位属性,所以控制图片的位置不太方便
1.3插入图片的语义比背景图片要强,所以企业开发中如果你的图片想被搜索引擎收录,那么推荐使用插入图片
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/2094.html
摘要:注意点同一个标签可以同时设置背景颜色和背景图片,如果颜色和图片同时存在,那么图片会覆盖颜色,但凡给我们的标签设置了背景图片以后,我们发现这个图片一直在左上角,我如果不想让它在左上角应该怎么办呢这就要用到我们这节课的内容。注意点:同一个标签可以同时设置背景颜色和背景图片,如果颜色和图片同时存在,那么图片会覆盖颜色, 但凡给我们的标签设置了背景图片以后,我们发现这个图片一直在左上角,我如果不想...
摘要:和都可以把信息独立称一个小小都区域。有的人在这里用,这里不推荐,因为是用于和表单元素进行绑定的,它和表单元素搭配使用的。和有什么区别会单独的占一行,而不会单独占一行。是一个容器级别的标签,而是一个文本级别的标签。为什么在这里讲解div和span呢,而不在html中讲解呢? 因为在我们的开发中div和span一般是配合css来使用的,来完成一定的效果,来设置一些属性,在前面我们没有学习css,...
摘要:如何设置背景图片在中有一个叫做的属性,就是专门用于设置背景图片的。1.如何设置背景图片? 在css中有一个叫做background-image:url();的属性,就是专门用于设置背景图片的。 注意点: 1.图片的地址必须放在url()中,图片的地址是本地的地址,也可以是网络的地址 2.如果图片的大小没有标签的大小大,那么会自动在水平和垂直方向平铺和填充 3.如果网页上出现了图片,那...
摘要:如何控制背景图片的平铺方式在中有一个属性,就是专门用于控制背景图片的平铺方式的取值默认,在水平和垂直都需要平铺在水平和垂直都不需要平铺只在水平方向平铺只在垂直方向平铺应用场景先看原理图片可以通过背景图片的平铺来降低图片的大小,提升网1.如何控制背景图片的平铺方式? 在CSS中有一个background-repeat属性,就是专门用于控制背景图片的平铺方式的 取值: repeat 默认,在...
摘要:我们来看控制背景图片的位置,在企业开发中用在什么地方呢我们打开一个网站,如盛大游戏,保存它的背景图到本地我们先点击检查,查看背景图的地址然后将地址复制到地址栏中然后将图片保存到本地工程的文件夹中然后在网页中先用打开发现图片不能完全显示,然我们来看控制背景图片的位置,在企业开发中用在什么地方呢?1.我们打开一个网站,如盛大游戏,保存它的背景图到本地 http://www.sdo.com/ 我们...
阅读 2993·2021-09-08 10:43
阅读 1014·2019-08-30 15:53
阅读 939·2019-08-30 13:51
阅读 819·2019-08-29 14:03
阅读 781·2019-08-26 18:35
阅读 1215·2019-08-26 13:38
阅读 1557·2019-08-26 10:34
阅读 3460·2019-08-26 10:21