发表于： 2019-02-21 21:43:34
1 790
今天完成的任务，任务13提交。任务14，设置公共样式，设置less变量。
公共样式，css中的公共样式，可以把经常用到的代码写在公共样式库里，当我们需要得时候只需要引用就够了，让一个盒子模型水平居中垂直居中，至少需要三行代码。
display: flex;
justify-content: space-between;
align-items: center;
设置公共样式之后，在html上写一个字母就可以实现。
less中的变量。
在写css的时候，我们会发现，要设置无数次，背景颜色，字体大小，长度，字体颜色。当html页面需要维护的时候，
我们要把所有的字体颜色，全部都要更改。
@width：960px
demo{
max-width：@width=max-width:960px
}
更改变量值就可以改变字体的颜色，大小，盒子模型的宽高。
让我们维护变得简单。
遇到的问题，任务14，三张页面，全部自己写下来需要耗费特别长的时间，之前的代码写的太烂了。尝试把之前写的内容拆出来，但是bootstrap4框架里面很多属性是自带的。
下载bootstrap4框架的源码，把col，row部分的代码，复制下来。引入到我的less文件里面。把能够用到的任务8的html拆出来，重复使用。
收获，之前虽然会用less变量，但是不太明白到底为什么要去用变量，下载源码，拆分样式，复制过来，重构，设置公共样式库。
明天计划，完成导航栏。
返回列表
评论