在这几日的学习中,发现这两种方式的图片引入有一定的差异,和url()
前者定义:
标签的 src 属性是必需的。它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。
后者定义:
在CSS中有用url语法来指定background-image或是其他引用文件中
区别简言之:
1.前者是写在html中,后者写在css(叠层样式表)中
2.img是图片插入语法 src是源 source 简写 url是地址栏(网络或本地)
3. 不需要设置宽高
background-image:url('img/ds.png'); 因为是作为背景,所以需要设置宽高,才可以显示出来
4.引用路径详解
绝对路径:
· /:代表根目录,绝对路径。如:文本或
· D:/abc/:代表根目录,绝对路径。
相对路径:
· .:代表目前所在的目录,相对路径。如:文本或
· ..:代表上一层目录,相对路径。如:文本或
<