发表于： 2020-06-30 21:54:22
1 1069
今天完成的事情：
完成任务14，
拆分css
使用sass编写代码
今天没有什么难的问题
今天的收获：
学习使用sass的的语法，如混合器@mixin,@include引入混合器，设置变量$color
语法：
@mixin flexed($content, $items) {
display: flex;
justify-content: $content;
align-items: $items;
}
.Navbar1 {
@include flexed(flex-end, center);
padding-right: 1%;
巩固基础知识，css.html相关的代码的练习使用，其中弹性盒子flex有一点的难度且经常使用，相对float更具有灵活改变布局的优点，关于flex经常使用
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
以改变主轴，水平，垂直方向，
使用
div {
width: 80%;
margin: 0 auto;
display: flex;
flex-flow: row wrap;
align-content: flex-start;
}
div a {
box-sizing: border-box;
flex: 0 0 50%;
}
配合媒体布局@media，使页面具有流动性
明天的计划：
完成任务15
返回列表
评论