网页制作中,图片什么情况用CSS,什么情况可以直接插入

html-css065

网页制作中,图片什么情况用CSS,什么情况可以直接插入,第1张

目的是用来美化、装饰网页体现设计效果的图片用css背景图，网页里面主要内容图片用img标签插入。

比如你做了个卖衣服的网站，里面展示衣服的模特图片，代表你企业形象的logo什么的，用img标签插入，其他用css背景图，比如这些：

1.你给衣服图片的外面做了一个花边相框样式

2.产品列表的更多链接用了一个图片哥特字体的more

...

重要的原则是保证：当没有载入css，web裸奔时，装饰的东西可以不要，但保证重要的标题、正文、链接、图片被展示出来。

偶尔网速过慢、盲人电子阅读设备、搜索引擎爬虫等等，看你的网页都是无css的，不但要把重要的呈现给人，还要给机器或程序。

下个firefox浏览器，随便打开些网站，点：查看>页面样式>无样式，观赏下这些网站裸奔时呈现了什么给你。

css插入图片方法如下：

操作设备：戴尔笔记本电脑

操作系统：win10

操作程序：html编辑器v8.21

1、打开html编辑器并创建一个新的html文件。

2、新建完一个新的html文件后，在index.html的<style>标签中，输入如下所示的CSS代码。

3、输入完CSS代码之后，接下来运行index.html页面，可以发现，本地图片通过背景图片衜中的本地路径成功调用为了背景图片，图片就成功加入了。