发表于: 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代码重写,条理结构更加清晰,努力培养良好的代码书写习惯。
评论