在做作业过程中遇到的一些问题和我的总结
1.作业中给出了一张背景图,并让我在背景图中一片区域写内容
我的思路是将一个div放在这片区域,那么问题就是如何定义div的位置和大小
查阅资料后发现并不复杂,只需要用css定义div的各个属性,那么div就可以以任何大小显示在任何位置
首先定义指定div的id
<div id=123>内容</div>
然后是用css定义div的属性
<style>
#123 {
position:absolute;<!-- 将div设置为绝对位置显示,这样才可以定义left和top属性 -->
left:100px;top:100px;<!-- 意思是div离左边和顶部的距离,也可以看作是坐标,这样div就可以出现在任何位置上 -->
z-index:100;<!-- div可以覆盖div,该值大的覆盖该值小的 -->
width:200px;height:200px; <!-- 设置长和宽 -->
background-color:white; <!-- 设置背景颜色 -->
}
另外在做表格时,发现做出来的表格不整齐,容易因内容而变形,很不好看
将所有td单元格大小统一,同样可以用css解决
<style>
td{
width:150px;height:50px;
bgcolor:green;
}
</style>
需要注意的是,虽然可以定义所有td单元格的大小,但是依然受到table表格大小的限制,若td单元格加起来的大小超过了table的大小,将优先以table的大小显示,表格依然不会整齐。