发表于: 2020-06-16 22:08:37
2 1128
学会了:
1.制作一个最基本的html网页,了解了标签的概念和基本用法,知道如何插入图片。
2.用Apache搭建服务器,将自己制作的html文件放进Apache的htdocs文件夹,使用手机进行访问。
第一次做的网页我是直接在网页里面添加了一张九宫格图片,然后调整图片的width属性为100%,做到自适应页面布局改变,这样能实现演示的效果,但是和任务步骤的描述不相符。
第二次我是在网页里生成了一堆正方形,但是遇到了一些问题:
<head><style>
.square1 {
height: 30px;
width: 200px;
border-bottom: 200px solid yellow;
margin-left: 30px;
float: left;
}
</style></head>
<body><div class="square1"></div></body>
我一共添加了9个方形。但是,设置了具体的高度和宽度数值,这样就做不到自适应窗口大小,将width设为百分比的话,高度不知该如何确定,所以就卡在了这一步,等明天再来解决这个问题。
评论