发表于: 2017-03-17 23:15:34
1 557
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
继续了解Bootstrap的栅格系统
了解CSS Sprite雪碧图实现原理
基本完善了任务7
明天计划的事情:(一定要写非常细致的内容)
开启任务8
任务8:修真院——一个PC端的企业网站,以bootstrap为基础满足更多不同的需求 30-60小时
完成一个比较完成的PC端项目
继续了解Bootstrap的栅格系统
遇到的问题:(遇到什么困难,怎么解决的)
成功解决投死按钮选择后不需要变色:
Bootstrap 4在按钮的属性中去掉 btn-primary 即可解决按钮被按下变色的问题
收获:(通过今天的学习,学到了什么知识)
理解CSS中的层叠上下文和层叠顺序
层叠上下文是HTML元素的三维概念,HTML元素在一条假想的相对于面向(电脑屏幕的)视窗或者网页的用户的z轴上延伸,HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。某些 DIV 的渲染顺序是由 z-index 的值影响的。这是因为这些 DIV 具有 使他们形成一个层叠上下文 的属性。
z-index和叠加上下文是如何形成
层叠上下文元素的特性:
层叠上下文的层叠水平要比普通元素高;
层叠上下文可以阻断元素的混合模式;
层叠上下文可以嵌套,内部层叠上下文及其所有子元素均受制于外部的层叠上下文。
每个层叠上下文和兄弟元素独立,也就是当进行层叠变化或渲染的时候,只需要考虑后代元素。
每个层叠上下文是自成体系的,当元素发生层叠的时候,整个元素被认为是在父层叠上下文的层叠顺序中
评论