第一次做页面_第一次做一个整页面-CSDN博客

本文链接：https://blog.csdn.net/Maca_Baca/article/details/111413684

这一周我们开做了我们的第一个页面，我学习到了很多东西，过程虽然较曲折但也不乏乐趣，做页面的这一周，刚开始其实我还是不太着急的，但过了一两天发现自己没写什么东西才开始着急起来，后来的几天，我把主要的精力都放在了做页面上，虽然到最后还是匆匆忙忙把也页面交上了，但仍然存在许多问题，比如电子邮件还没弄上去，动画也没有，没有把整个页面的内容放在一个有固定宽度的div中（这可能会导致我的页面放大缩小时布局变乱），这些还需要我去学习，去实践，不然自己是不会真的会使用它们。
这个过程中组长帮了不少忙，虽然当时自己看了菜鸟教程里面的教程，但还是不知道如何去用他们，于是就不停地问组长，组长虽然很忙，但他还是一步一步教我，甚至有时候要讲两三次，有时候好长时间都要在屋子里跑来跑去解决组员们的问题，他在自己的博客中写过担心自己做不好这个组长，但是我们觉得他做的很好，即使有时候很皮，而且他的说话方式很好，从来没有斩钉截铁地说我们要去怎么做，他会说我觉得应该怎么样，遇到自己不太懂的也都会和我们说，即使当时没有回答上来，下次就能解答了。
下面总结一下我主要的问题（叙述有错的可以提出来）
1.定位
子级元素相对与父级元素时应用相对定位，该子级元素与其他子级元素div等级相同；一个子级元素相对于某个子级元素时用绝对定位，这一个子级元素的div应在作为参考的子级元素的下边。
2.浮动
在布局页面时，经常有盒子模型（div)的嵌套，但是一个div是独占一行的，若需要两个竖直排列的div放在一起，需要利用浮动两个div都需要有浮动，布局完成后，需要对浮动进行清除，否则可能会造成高度塌陷。<div style="clear: both;"></div>
3.关于文字
font-size:文字大小
font-weight:文字粗细
font-family:字体
color:文字颜色
letter-spacing:文字间隔
line-height:行间距
4.设置搜索框
HTML部分

<form method="get" action="https://www.baidu.com/s?ie=UTF-8&">
						<input type="text" class="shuru" name="wd" placeholder="请输入信息"/>
						<input type="submit" class="research"  value="搜索" />
					</form>

CSS部分

.shuru{
	width: 220px;
	height: 39px;
	position: relative;
	top:-165px;
	left:429px;
	font-size: 15px;
}
.research{
	width: 57px;
    height: 42px;
    background-color: #32CD32;
    border:none;
    position: relative;
    top: -163px;
    left: 424px;
    font-size: 16px;
}