1、首先需要新建一个HTML页面。
2、然后输入页面的标题，可以按照下方图中的进行设置。
3、然后在根据下方图片中的代码进行编辑，
4、在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。
5、在两个div中加入相同的图片<img src="images/5.png" />，在浏览器打开页面发现加入图片后把原来的div都给覆盖掉了。
6、然后在输入命令.img img{ width:100%height:auto}，这样就完成了。
CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（CascadingStylesheet）。
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
它的作用可以达到：
（1）在几乎所有的浏览器上都可以使用。
（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
（4）你可以轻松地控制页面的布局
。
（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
其实单用HTML也可以实现样式多样化，只不过太费了，代码会臃肿！！！
CSS就是为HTML里的标签做样式，达到你想要的效果。像<head><body>这些标签是你在新建html文件时，会自动产生的，所以你要是在dreamweaver里编辑的话就不需要记了。
像div,p,ul这些标签的话，你也不要死记，你知道它们的作用就可以了。
要写CSS就是要写标签的属性，你自己在做的时候，想要什麼效果，自然就会想到哪条属性，这些属性像padding,margin，border之类的都是通俗易懂的。
其实学这个主要是要多练习，开始你是要把基础知识了解好，多练习书上例子，先照书上做了，然后再自己做一遍。在网上看到什麼效果，尝试著去做。不懂的就可以摆渡上问问，前提是自己要多多思考。
最恼火的就是浏览器的兼容问题，这个你可以在网上找找有很多相关的。做得多了，其实问题就那几个，熟了就明白了。
多练习是最好的学习！
