发表于： 2019-02-05 21:23:04
1 1004
今天完成的事：
1.CSS三种嵌套方式： 内嵌式，外联式，内联式（行内式）的区分
优先级：内联样式表（标签内部） > 嵌入样式表（当前文件中） > 外部样式表（外部文件中）【前提：是在的相同权值的情况下】
总结：就近原则（离被设置元素越近优先级别越高）
优势：（思维导图总结）
遇到的问题：
在做外联式的Demo时，无法从css文件引入到html中，经过排查，起初发现是因为我的css文件名和link引用名不同导致的（输入时出现错别字，太马虎）。经过修改后发现还是不对，最后发现是因为一开始我把css文件命名为“样式对比.css”，而在Sublime中，无法引用中文文件名的css（不确定其他编辑器是否有同样的问题），经过修改重新命名为“Compare.css”,成功引入css样式。
总结：css文件使用英文，不能使用中文名
问题代码展示：
2.使用div 和 class 完成了九宫格的格子布局，但是 absolute定位和margin padding的设置没有完成，九个格子只能竖直排列
代码展示：
明天计划的事：
继续任务一，对绝对定位和盒模型进行学习，进一步完善九个格子的排布
返回列表
评论