发表于: 2018-12-16 21:11:34

1 672


今天完成得事情,任务5完成准备提交成果。

师兄验收得时候,说我的标签用得不对,我在p标签后面的文本里面跟了span标签。

查了一下span标签正确使用,span是用来组合文档里面的行内元素的。p标签是段落标签。


这片区域布局,没有在一行里面。需要改动。

今天遇到的问题,做自我介绍部分得时候,完全被迷住了。看了坑乎里面的说要用padding写,

但是写完之后没有效果。

后面发现我忽略了垂直居中属性。我自己对布局概念特别浅,一直以为垂直效果是挤压出来的,其实就是falx布局中的  align-items: center;,。

<div class="major-ten">

        <div class="introduce-six">

            <span>自我介绍</span>

        </div>

 </div>


.major-ten{

    border-bottom: 1px solid #dddddd;

    display: flex;

    align-items: center;

    padding-top: 20px;

    padding-bottom: 20px;

    margin-bottom: 80px;

}

.introduce-six{

    padding-left: 25px;

    padding-right: 25px;

    white-space: nowrap;

    color: #999999;

}

今天学到的新知识,

font-weight:number ;设置字体的粗细,

norma字体保持默认,

bold字体会变粗

bolder(更粗的字的字)

和flax项目属性

flex-shrink: 1;flax

所有flax容器里面的内容都是flax项目。

flax项目的缩小,数值为1的话,项目缩小,数值为0,保持原样。


明天计划把任务5修改完,提交成果,了解一下小课堂,这次要讲盒子模型的原理之间的知识。

需要提前准备一下。





返回列表 返回列表
评论

    分享到