为什么套用css样式后预览图片大小不变?我是菜鸟,请不要用代码说明。

html-css034

为什么套用css样式后预览图片大小不变?我是菜鸟,请不要用代码说明。,第1张

3个原因:

1.样式有冲突;

2.图片可能作为背景了;

3.用img标签时,宽高属性设置的不对。

如果图片是abc.png且大小为50x50的话,改变大小应该这样写,先别用外部样式控制,测试有效了,在用外部样式:

<img src="abc.png" width="100" height="100" />

下面我说的话可能对不住你,但没有恶意。

网站基本知识还没懂,就玩仿站,做好了也是侥幸。

你没有搞明白静态页面和动态网站的区别,所以不知道样式和图片路径需要变更。用本地目录浏览和在网站环境下浏览,路径是不一样,本地路径从盘符开始,而网站环境下(包括本地环境)路径是从网站目录开始。

例如,你的图片路径是file:///D:/wamp/www/templets/dongfang/images/123.jpg,你用本地路径访问网页时可以识别,而在网站环境下需要变化,它的路径需要改为/templets/dongfang/images/123.jpg这样才能识别。也就是说,路径是基于www(网站根目录)下的文件开始的,css文件同理。

出现乱码才是编码错误,你的截图里只是css和图片的路径错误,编码没错。

在css文件中背景图片的路径也需要注意,尽量用相对路径,如果是从盘符开始的绝对路径,在网站环境下同样是不可识别的。

如,你的body背景图片放在和index.htm同级目录的images文件夹下,名为234.jpg,在css中代码应为

body{background:url(../images/234.jpg)},如果背景图直接放在www(网站根目录)的images文件夹

下,body代码则为 body{background:url(/images/234.jpg)},如果对绝对路径和相对路径有疑问可以百度一下。

有其他问题继续追问。

这里要么就是你的图片路径有问题,再一个可以确定的就是你这个层没有大小,当然如果你有子层让这个层的大小自适应也是可以的,不过你也要在这个层里加上overflow:hidden这样的一句代码。