Capstone第二天培训小日记
2017-12-07 16:17
260 查看
Capstone培训已经第二天了,虽然还是学习HTML但是值得欣慰的是又学到了不一样的知识,1.相对定位 2.绝对定位 .3.固定定位,虽然在DW上我们接触过这些但是没有仔细的研究过,老师留下作业需要手动敲写登录页面的代码,就算是讲完一遍我还是不懂,所以用了一上午和下午的几个小时慢慢扣出来了并且根据格局进行了优化,差了最后一步不会做,虽然尴尬的是溜号玩手机被看见了,不过得谢谢学长,因为提起精神后最后一个坎也过去了
顺利的交了作业。
记录今天的知识点:
1.固定定位:设置好位置之后,无论页面何如滚动,其位置保持不变。
position:fixed;
top:left:right:bottom;
2.相对定位:相对元素原来位置进行移动。
position:relative;topleft right bottom
3.绝对定位:
position:absolute;topleft bottom right;
border:给元素增加边框;
4.border:1pxsolid gray;
border-style:solid;
border-width:1px;
border:gray;
padding:作用在内容区域和边线之间增加距离(上右下左的顺序)
5.padding:10px20px 30px 40px;
padding:10px;
padding:0px10px;
外边距:在元素之间产生空隙;
margin:10px20px 30px 30px;
margin:10px;
padding:0px10px;
width = 元素内容区域 + 内边距 + 边框;
height默认内容高度,一般不用设置。
text-align:left.center.right;
font-size:0-1000px;
background-color:它的颜色覆盖范围是元素内容区域 + padding + border边框;
border-radius:设置边框圆角;
不忘初心,继续努力,做不成Java大神也不当菜鸟!!
顺利的交了作业。
记录今天的知识点:
1.固定定位:设置好位置之后,无论页面何如滚动,其位置保持不变。
position:fixed;
top:left:right:bottom;
2.相对定位:相对元素原来位置进行移动。
position:relative;topleft right bottom
3.绝对定位:
position:absolute;topleft bottom right;
border:给元素增加边框;
4.border:1pxsolid gray;
border-style:solid;
border-width:1px;
border:gray;
padding:作用在内容区域和边线之间增加距离(上右下左的顺序)
5.padding:10px20px 30px 40px;
padding:10px;
padding:0px10px;
外边距:在元素之间产生空隙;
margin:10px20px 30px 30px;
margin:10px;
padding:0px10px;
width = 元素内容区域 + 内边距 + 边框;
height默认内容高度,一般不用设置。
text-align:left.center.right;
font-size:0-1000px;
background-color:它的颜色覆盖范围是元素内容区域 + padding + border边框;
border-radius:设置边框圆角;
不忘初心,继续努力,做不成Java大神也不当菜鸟!!