·首先打开中用vivo软件,点文件,新建,点一天买五,创建,保存,写个名字叫。
·这里标题改一下,这里是热点,在body之间写个dv,给dv一个样式的名字就叫no四box的盒子。
·它里面插入一片图片,这个图片其实在我这个文件夹里面的game目录里面建了一个叫emix的文件夹,里面放了几个图片。

·选择第二个图,选择第一个图片,用第一个图片比较合适,插入图片进来。
·右边其实左边图片,右边插一个div,一个盒子,这个div里面有标题,因为标题文字不用太大,所以用h三标签就可以了。
·所以把文字放到标题里面,除了文字之外还有内容,内容放在一个p标签里面,文案就直接复制过来。
·大家看一下在设计模式里面是顺着布局流来的,上面图片底下是标题还有内容。怎样让它调到想要的结构?就在这里给它优化,在title底下写steadle type types四s,在这里没写。
·底部的样式是newspox,把它拿进来,给它定一个什么样式?给它加一个边框,等于一像素的实线的边框。
·颜色选择器随便选一个都可以,看蓝色。
·继续newsbox里面这个mpg p s a图片,给它向左浮动,这样向左浮动右边内容就撑上去了。
·图片向左浮动,距离右边还有一点点距离,right,给它十个,十五个像素,所以文字就不会贴图片太多。
·右边图片右边这个盒子给大家做content内容,所以这个是newsbox下面的content,newsbox给它一个宽度六百五十的宽,因为不需要那么宽,图片是称两百六的宽。
·content下边的h三,给它放到size等一个,也不用太大,十八个像素,石榴也可以。
·继续选样式,选newspox下面的content里面p元素,就是里面为细节的,这里给你们给它一个方的size等一个,也不用太大,十二像素。
这是看一下预览一下效果。把拖进来发现什么?这个盒子蓝色的边框并没有随着图片的增大而把高度撑起来,所以在这里其实有一个知识点叫清除浮动,在newspox后面给它一个after清除浮动,让content内容是不需要加什么内容,所以就是个空。
·这里display给它一个block,给它清除个浮动,这样其实是不占位置的元素。
看一下效果,这样就撑宽了。
这个图片为什么贴着边框?所以大的盒子newspox这里应该给它一个panting,这里给它二十个像素,看一下效果。