发表于: 2020-06-06 21:10:55
2 1071
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
学习任务三内容
rem单位使用换算、 position的各种使用方法 绝对定位 相对定位、 切图、 style="display: inline- block、照片插入显示方法、
html{
font-size: 625%;
}
/*16*6.25=100px 16是html的默认大小 1rem=100px*/
body{
padding: 0;
margin: 0;
background: lightskyblue;
}
/*固定标签不用写成 .body*/
.imghoutui{
font-size: 0;
width: 0.55rem;
height: 0.55rem;
margin-left: 0.35rem;
margin-top: 0.35rem;
}
/*
<!-- 0.55*100=55px-->
<!--0.35*100=35px-->
<!-- 相对定位和直接指定元素位置 指定还是外边距 -->
*/
.imgputaotengcflogo img {
width: 100%;
height: 100%;
}
/*对图片设置百分比 图片有多大就自动响应有多大*/
.imgputaotengcflogo{
margin-top: 0.2rem;
padding-top:0.4rem;
text-align: center;
}
/* 向上给20px 40px 组成60px ,顶起高度
居中元素 center */
.wz{
margin-top: 1.2rem;
text-align: center;
padding-left: 0.8rem;
padding-right: 0.8rem;
}
/* 只有一个问题 这个0.8 80px怎么来的? */
明天计划的事情:(一定要写非常细致的内容)
1.写任务三魔镜页面
遇到的问题:(遇到什么困难,怎么解决的)
1.学了知识点 但是没有办法,用学到的知识点练成使用思维,需要看别人代码思维,才能明白知识点在代码当中是如何运用的
2.任务进展缓慢 不聪明的样子
3.日报写的太少 日后尽量写 小课堂没听上 要定闹钟
收获:(通过今天的学习,学到了什么知识)
1.基本掌握任务三需要知识
- position的各种使用方法 绝对定位 相对定位;先了解position和布局相关,它有几种属性和它文档流的关系
- rem的用法和技巧;rem除了作用于文字外还经常作用于长宽高,它一般是什么情况下需要使用
- 如何用photoshop切图;学习一下工具的基本操作如选择移动等,以及切图操作
评论