发表于: 2020-06-06 21:10:55

2 1071



今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)

学习任务三内容

rem单位使用换算、  position的各种使用方法 绝对定位 相对定位、  切图、 style="display: inline- block、照片插入显示方法、

html{
font-size625%;
}
/*16*6.25=100px 16html的默认大小 1rem=100px*/

body{
padding0;
   margin0;
   backgroundlightskyblue;
}
/*固定标签不用写成 .body*/

.imghoutui{
font-size0;
   width0.55rem;
   height0.55rem;
   margin-left0.35rem;
   margin-top0.35rem;
}
/*
<!-- 0.55*100=55px-->
<!--0.35*100=35px-->
<!-- 相对定位和直接指定元素位置 指定还是外边距 -->
*/

.imgputaotengcflogo img {
width100%;
   height100%;
}
/*对图片设置百分比 图片有多大就自动响应有多大*/

.imgputaotengcflogo{
margin-top0.2rem;
   padding-top:0.4rem;
   text-aligncenter;
}
/* 向上给20px 40px 组成60px ,顶起高度
居中元素 center  */

.wz{
margin-top1.2rem;
   text-aligncenter;
   padding-left0.8rem;
   padding-right0.8rem;
}
/* 只有一个问题 这个0.8 80px怎么来的? */




明天计划的事情:(一定要写非常细致的内容)

1.写任务三魔镜页面

遇到的问题:(遇到什么困难,怎么解决的)

1.学了知识点 但是没有办法,用学到的知识点练成使用思维,需要看别人代码思维,才能明白知识点在代码当中是如何运用的

2.任务进展缓慢 不聪明的样子  

3.日报写的太少 日后尽量写 小课堂没听上 要定闹钟 

收获:(通过今天的学习,学到了什么知识)

1.基本掌握任务三需要知识 

1.1 移动端布局:新建的网站大都会考虑到移动端的兼容,大势所趋下是必备技能
1.2 rem:css3中一个长度单位。手机屏幕分辨率越来越多,为了适配不同分辨率整体缩放,便于修改和适应不同分辨率大小同时还容易计算。
1.3 photoshop切图:工作中,切图是一项优化团队配合的必备技能,开发更清楚div需要什么样的切图
知识点涉猎区域说明
  1. position的各种使用方法 绝对定位 相对定位;先了解position和布局相关,它有几种属性和它文档流的关系
  2. rem的用法和技巧;rem除了作用于文字外还经常作用于长宽高,它一般是什么情况下需要使用
  3. 如何用photoshop切图;学习一下工具的基本操作如选择移动等,以及切图操作




返回列表 返回列表
评论

    分享到