发表于: 2017-03-07 10:33:02

1 680


今天完成的事情:任务7的页面一的重写,弄明白了几个概念:基础CSS重置、布局样式、css样式的模块化
明天计划的事情:完成任务13,开始看JS红宝书,准备JS的学习 
遇到的问题:

                  1.任务剖析中的两个概念:基础样式和全局的依赖样式,对于这两个概念的具体区别和用法不是很明白,觉得界限很模糊。

                      2.引入css样式的两个办法:link和@important的区别

                          区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。

                      区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

                      区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

                      区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。

在这里,可以把布局css样式中混乱的样式划分成一个一个的子文件,作为模块。把页面的一些reset样式以及一些站点公用样式放在了css目录下的base.css中,把页头拆分成header.css,把页面的基础布局都放在了index.css这个文件中,底部的样式放在了footer.css。然后相应的代码就在对应的模块中写,可以达到css模块化的目的

收获:

    对任务7的css代码重写,条理结构更加清晰,努力培养良好的代码书写习惯。


返回列表 返回列表
评论

    分享到