1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。
resize属性的具体用法可见MDN： https://developer.mozilla.org/zh-CN/docs/Web/CSS/resize实现左右拖拽改变大小时：
HTML
此时的div会出现滚动边框，此时可拖拽的区域只有右下角的一小块。
此时需要将这个区域扩大可进行如下设置。
此时内部文字就被隐藏了，在实际使用时可以通过设置兄弟元素展示文字。
HTML:
CSS
效果链接： http://js.jirengu.com/voleracixe/2/edit
例如，拿你说的话举例:<p
class="demo">CSS中，我想设置，
全文:首行缩进2字符，段落左右各缩进2字符，应该怎样写?代码应该放在哪里?</p>
把它们放置在P标签中，然后在CSS中加入
.demo{text-indent:2em}这可以实现你要的首行缩进2字符。
剩下的就是你说的段落左右各缩进2字符，那推荐你用的就是margin或者是padding来实现。
.demo{text-indent:2empadding:0
2em}这样就可以实现左右的“缩进”
不讲太多了，按照上面就可以实现了。
