发表于: 2019-02-05 21:23:04

1 1008


今天完成的事:

1.CSS三种嵌套方式: 内嵌式,外联式,内联式(行内式)的区分

  优先级:内联样式表(标签内部) >  嵌入样式表(当前文件中) >  外部样式表(外部文件中)【前提:是在的相同权值的情况下】

  总结:就近原则(离被设置元素越近优先级别越高)

优势:(思维导图总结)

遇到的问题:

  在做外联式的Demo时,无法从css文件引入到html中,经过排查,起初发现是因为我的css文件名和link引用名不同导致的(输入时出现错别字,太马虎)。经过修改后发现还是不对,最后发现是因为一开始我把css文件命名为“样式对比.css”,而在Sublime中,无法引用中文文件名的css(不确定其他编辑器是否有同样的问题),经过修改重新命名为“Compare.css”,成功引入css样式。

  总结:css文件使用英文,不能使用中文名


问题代码展示:



2.使用div 和 class 完成了九宫格的格子布局,但是 absolute定位和margin padding的设置没有完成,九个格子只能竖直排列


代码展示:



明天计划的事:

继续任务一,对绝对定位和盒模型进行学习,进一步完善九个格子的排布



返回列表 返回列表
评论

    分享到