发表于： 2018-07-19 10:40:26
1 722
css-task13 任务总结
官网脑图：
我的脑图：
任务耗时：1天
成果链接：https://singsad.github.io/task13/task13.html
任务总结：任务十三的重点就是 学会分离，简化代码。代码复用。
首先对于之前任务所写的代码，进行提炼，分离。整合成一个独立的css文件。 留待3个页面共同使用。代码如下：
分离这些公用代码之后，类名命名起好，我是按照缩写的格式命名。
之后在css文件中，把公用代码涉及的地方删除，在html中引入公用代码文件。在原css文件中使用公用代码的标签后添加对应的类名。例如：
button 的固定非公用样式，在原css文件中写出，但是其他公用样式由公用的css文件解决，需要一个font-size：1.6rem；我们只需要在class后添加一个类名 f16（这是我自己命名的公用css文件的类名）
需要一个text-align:center；只需要添加一个tc 便可。
代码分离的作用显而易见，任务十三是有三个界面，而分离出的这些代码，每个界面都可以用到，大大的节省了代码。
返回列表
评论