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

html-css012

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

3个原因:

1.样式有冲突;

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

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

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

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

CSS本身并不能直接预览的,必须把它跟实际的网页结合才能呈现效果。

就好像装修房屋,CSS就像是装修的计划书和设计图纸,比如它可能记载了:客厅的天花板用什么样的颜色、卧室的床用多大的、卫生间的洗浴设备用什么牌子的……等等诸如这些,但是,光有这些并不能说就装修完了是吧?你必须按照计划书逐步把它付诸实施,最后才能看到实际的装修效果。当然,你也可以利用一些装修方面的CAD软件在电脑上预览装修效果(尽管效果与实际结果不一定完全一致)。同样,要想看到CSS的效果,最好就是把它应用到实际的网页中,也可以做一个简单的网页来预览一下效果。