发表于: 2021-07-07 00:11:44

7 926


今天完成的事情:

完成了任务三 ,明天上传结果。

学习了果冻公开课关于css,html有关的短视频 。

复习了float的布局。

学习了bfc的作用,当父元素里有多个子元素时,bfc可以形成一个密闭的空间,被放在密闭空间里面的子元素,不会影响到其他子元素的排列布局。

学习了css简单的定位position的用法,position:absolute,   position:relvtive。

复习了盒模型。

了解了flex布局,轴向有flex-direction和flex-wrap.对齐有justify-content和align-content和align-content. 弹性这一部分不是特别懂。

了解了浏览器渲染html页面的有关知识,接着将接收到css代码,通过css解析器构建出样式表规则。

复习了css里最基础的长度单位。

学习了css里的选择器有哪些,常见的选择器分为六个类型,分别为id,标签,类选择器,伪类选择器,属性,结构选择器。

了解了一点CSS里高级的布局系统grid。


明天计划的事情:

搞任务四。
遇到的问题:

暂时没有遇到问题。


收获:

学习了果冻公开课关于css,html有关的短视频 。

学习了bfc的作用,当父元素里有多个子元素时,bfc可以形成一个密闭的空间,被放在密闭空间里面的子元素,不会影响到其他子元素的排列布局。

学习了css简单的定位position的用法,position:absolute,   position:relvtive。

了解了flex布局,轴向有flex-direction和flex-wrap.对齐有justify-content和align-content和align-content. 弹性这一部分不是特别懂。

了解了浏览器渲染html页面的有关知识,接着将接收到css代码,通过css解析器构建出样式表规则。

学习了css里的选择器有哪些,常见的选择器分为六个类型,分别为id,标签,类选择器,伪类选择器,属性,结构选择器。

了解了一点CSS里高级的布局系统grid。

body{
    background-coloraqua;
    height100%;
    text-align:center;
    min-width100px;
}

设置了整体居中。

<div class="fang"></div>
<div class="four">
   <img src="image/weibiaoti.png"alt="weibiaoti">
   <div class="zuoxia">
      <p>290560933</p>
      </div>
</div>

<div class="five">
   <img src="image/kaobei.png " alt="kaobei">
   <div class="yuoxia">
      <p>BJPTTeng</p>
      </div>
      </div>
   </div>
</div>

.four{
    floatleft;
    margintop 500px;
}
.five{
    floatright;
}

给四五元素分别设置了向左float和向右float。
四五放一个整体,整体设置了margin-top。

最后给三四五放一个整体,设置了margin-left和margin-right就做出了效果。



返回列表 返回列表
评论

    分享到