发表于: 2018-12-16 21:11:34
1 670
今天完成得事情,任务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修改完,提交成果,了解一下小课堂,这次要讲盒子模型的原理之间的知识。
需要提前准备一下。
评论