本节课程讲解浮动布局页面的方法,学完本课内容后,同学们可以在下方评论区进行留言,作业也可以在评论区进行提交,老师会一一解答。
那我们开始今天的课程吧。
1.首先打开【DW】,新建文件进行保存,创建一个【div】,设置【style】样式属性,并在【title】标签下床创建一个【style】样式,进行清除浏览器默认样式,具体代码如如所示。
2.再次创建一个【div】,并且在【div】中再次创建一个子级【div】嵌套【img】标签,设置其【css】样式,具体代码如图所示。
3.此时在网页页面刷新查看效果,文字会居中显示,如图所示。
4.再次到代码视图,设置文字的大小和显示方式,代码如图所示。
5.将代码复制,粘贴到淘宝装修页面的【自定义模块】中,点击预览查看效果如图所示。
6.为了在浏览时,让图片和文字之间没有空隙,需要在父级【div】添加【font-size:0;】属性,如图所示。